问题标签 [react-table-v7]

我想在表格行 onclick 中再调用一个函数，如 editUserDetail 。请提出任何解决方案。

我需要来自 2 个不同 API 的数据，它们都支持分页。

如何以高性能的方式在表中显示连接的数据？

我需要加入他们的id，但是一个 API 返回的数据比另一个少，所以我不能简单地一一匹配。我需要实现一个过滤器。

暴力映射数据源A到B的唯一方法是什么？

我正在使用react-tablev7 生成一个表。现在我试图通过写这个来动态地进行页面大小分页

如果页面（行）长度超过 10，它会显示两个选项Show 10和Show 20，但是当我选择 时Show 20，下拉值不再显示值

我在控制台中收到警告Material-UI: You have provided an out-of-range value '20' for the select component. Consider providing a value that matches one of the available options or ''. The available values are '10'.

如果我删除三元运算符{page.length > 10 ? ..并放入，它工作正常[10,20,30].map() ..

我有一个默认的列过滤器，我想知道是否有办法将它从一列中排除。您可以从我正在使用的 React-table 中查看一个示例：https ://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/filtering

在 useTable 挂钩中使用了“DefaultColumnFilter”，并且所有列都默认使用它

有没有办法从使用它排除一列？

我使用react-table并且我想使用table-layout: fixed.

我想使用 classNames 指定列的宽度。

react-table 有什么方法可以为某些列设置固定宽度吗？如果没有，我如何将 classNames 添加到<th>元素？

此问题解决了将 classNames 添加到单元格https://github.com/tannerlinsley/react-table/issues/1612但不适用于<th>元素。

什么是可行的方法？

ps：我想避免使用:nth-child选择器，因为我不想依赖表格上的列位置。

我正在尝试在我的 React 表中实现日期范围过滤器。当我更改开始或结束日期时，它会触发过滤器功能，创建最小和最大日期，但是当它完成时，不会过滤任何日期并且输入从所选日期开始为空。这是我的代码：

过滤页面：

我在这里缺少什么？

过去几个月我一直在使用旧版本的 React Table，现在当我开始使用最新版本 v7 时，我开始在自定义表格时遇到困难，而在表格中找不到要显示的数据。它不显示任何消息，例如先前版本的表格中显示的“未找到行”。我如何渲染 noDataComponent。

我是一名尝试学习 React 的 Java 开发人员，我遇到了这个问题，我更新了一个表以使用react-table，现在，每当我从我的 api 响应中添加或删除一个项目时，我都需要刷新整个页面才能看到发生了变化，而在我让我的 useEffect 立即显示这些变化之前。

在删除几乎所有其他试图找到此问题的根本原因之后，我在下面有我的完整代码。如果我使用注释掉的 tbody 而不是使用 react-table 的那个，我仍然可以看到我的更新工作正常且符合预期。

值得一提的是，如果我尝试setData在 useEffect 片段内部使用，反应表甚至不会被填充。

我想我现在已经没有什么想法了，我可能会错过什么，可能需要一些帮助或指导。

非常感谢。

我react-table-sticky用来使我的列具有粘性，现在我正在尝试将样式（右边框）添加到sticky. 当我检查粘性元素时，它们没有粘性元素的特定类名，而是data-sticky-td="true". 我找不到仅向它们添加样式的方法。您可以在此处查看我的代码沙箱示例

我正在使用 react-table (7.5.0) 在应用程序中呈现一些表。

我已经混淆并精简了我的代码，因此可能存在缺少括号或不正确的语法。

在一个简单的层面上，我有一行，两列。每列都有一个很长的描述，它被缩短，然后有一个“显示更多”按钮来切换一个带有完整描述的新行。

我的列定义如下：

我的 react-table 组件及其子组件如下：

子组件

如您所见，在子组件中，我在展开的行中抓取“row.values.column1”数据并显示它。

这存在一个问题，即单击第二列仍将显示第一列的完整描述。

有没有办法让我根据单击的单元格（即 getToggleRowExpandedProps）来获取子组件中列的访问/ID，然后显示相应单元格的完整描述。

谢谢