问题标签 [react-table-v6]

使用时useRowSelect以及useTable如何为第一列指定列宽，使其永远不会超过复选框的宽度？我不想使用useFlex，因为我想根据标题宽度保留列宽。

您会注意到，当表格设置为 100% 宽度时，如果您展开浏览器窗口，第一列就会开始增长。

这是一个例子：

https://codesandbox.io/s/youthful-hamilton-j0rev?file=/src/App.js

我也愿意从我推入列数组的地方抓取 Header 和 Cell 并添加一个 className，但无法找到一种方法来做到这一点。如何添加 className 以便围绕此列数据的表格单元格具有要附加到的 className：

我使用@type/react-table为我的表设置列，但我的 IDE 出现错误，抱怨Cell类型不正确。我认为它是由Cell可选类型引起的，@type/react-table我该如何解决？

我想对自定义单元格进行必填字段验证，我的数据表中有。使用 getprops，我可以设置单元格的样式，但是如何显示该单元格的帮助文本或错误？有什么例子吗？

例子：

我正在从服务器返回一个具有 QuestionList[x].AnswerList[y] 层次结构的数据集。使用示例文档，我能够正确显示数据，但是当我去编辑列表中的答案时，它会引发错误。

在显示数据时的 renderEditableSub(cellInfo) 函数中，

抛出一个错误，所以我将其修改为

这有效，但是当我修改子表中的数据时，出现此错误：

这是尝试编辑之前的显示：

该错误告诉我“this”在以下行中未定义： const data = [...this.state.cellinfo]; 在 renderEditableSub 中。我不确定这是为什么？

提前致谢。

我正在使用 react-table v6，其中我已经实现了 GroupBy，并且我需要在扩展组上实现延迟加载。有人可以帮我吗？

我开发了一个包含一些数据的反应表，并在每一行中添加了一个“显示”按钮。单击显示按钮应显示所选行的数据。这是一种获取有关数据的更多信息。在主页中，它在表格中显示所有订单。通过单击显示按钮，它应该只显示选定行的数据。这就像在 gmail 中一样。当我们单击每封新电子邮件时，它会导航到仅包含所选电子邮件数据的新页面。有经验的能帮我吗？

我想要做的是在另一列中显示切换值。

我有这个列值和数据。

因为，访问器不能重复。还有另一种方法可以在“状态”列中显示“切换”值吗？

Toggle 数据在切换时会更新，所以我只需要一种方法来显示它。谢谢你。

我需要在表内单元格中的按钮上更改事件处理程序内反应表的一些属性。如何访问事件处理程序。我显然有一个允许我访问的闭包，props但我在表本身的闭包中看不到任何有趣的东西。虽然我可以看到data，但这在这里没有用。

更新：我被告知可以通过<ReactTable适当地设置属性来获取所有属性和状态；但是，这在我的情况下不太有效，因为最后我需要在任意行上调用 .scrollIntoView() 。

我正在尝试使用以下库创建一个嵌套表：react-table-6，其输入 JSON 数据如下所示：

从数据中可以看出，子操作具有需要在嵌套表中显示的子行，应该如下所示：

我很困惑我应该如何编写递归函数，以便得到如下所示的 JSX：

如果我知道需要嵌套的级别，这会给我正确的输出，但是在我不知道嵌套级别数的 JSON 的情况下，我需要编写一个递归函数，但是我无法包装我对递归和反应组件的看法

方法 1：我尝试编写此递归代码，但它多次粘贴反应表本身

我有这样的 API 响应，https://codebeautify.org/jsonviewer/cbbfa709

为什么在反应表 v6 中存在这样的错误“错误：对象作为 React 子项无效（找到：带有键 {branchStock、product、lastOrder、productFocusId、qtySuggestion、orderQuantity} 的对象）。如果您打算呈现一个集合的 ” ？

即使访问者名称与对象属性一致，如何解决这个问题？

“反应表-v6”：“^6.8.6”

这是我的状态

设置状态的成功函数

这是我的表格组件

这是我的牢房

在其他页面上，根据 API 的响应，该表适用于不同的数据