问题标签 [react-table-v7]

我在我的项目中使用 react-table 组件。行扩展属性是我的功能使用的东西，现在工作正常。

我需要能够在展开一行时折叠所有行。即一次只能打开一排。我确实浏览了许多文档和 stackoverflow 链接，但没有一个没有成功。请注意，此实现使用钩子。就像这里提到的：https ://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/expanding

默认情况下，它们允许一次打开多行，但我需要执行相反的操作。

我最接近的是：Auto expandable rows and subrows react table using hooks

但在这里它在初始加载时打开。

谢谢

我遇到了一个问题，即 react-table（版本 7.1.0）似乎在任何时候需要重新渲染页面时都在重新初始化。以下面的代码（此处运行示例）为例，如果您要更改 pageIndex 值（通过切换到不同的页面），然后点击虚拟按钮，您可以观察到 pageIndex 重置回其默认值 0。如果您修改 pageSize 会发生同样的事情，因为它会在任何时候必须重新呈现页面时自动重置回其默认值 10。

我完全不知道该怎么做才能解决这个问题。什么是设置所有内容的正确方法，以便每次必须重新渲染页面时我都不会重新初始化 react-table？换句话说，如果我点击虚拟按钮，我不希望表格重置回页面大小为 10 的页面 1。

我需要帮助动态更新列标题，因为我们在 useTable 挂钩中传递列列表，因为一个用例需要更新列标题列表，但我看不到新添加的列。

我尝试通过创建自定义挂钩来覆盖 allColumns 实例 obj。

PFA 代码框示例 - https://codesandbox.io/s/example-react-table-column-hide-show-5v712?file=/src/App.js

尝试NumberRangeColumnFilter在特定列的表之外实现 , 。基本上使用globalFilter。

我将SelectColumnFilterfrom 示例转换为下表之外的全局选择过滤器，如下所示。

但是，当我尝试将NumberRangeColumnFilter示例用于 aGlobal NumberRangeColumnFilter时，globalFilter不会采用类似的数组filterValue = []

我的方法完全错误吗？如何为 globalFiltering 实现这个最小最大范围的事情。一个例子真的很有帮助。还尝试通过日期范围过滤来做到这一点。

我在我的项目中添加了一个可编辑的反应表（https://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/kitchen-sink），一切正常。但是当我添加一个带有复选框的列，勾选复选框并转到不同的页面（或排序或搜索）并返回时，勾选消失了。这就是我将复选框添加到“列”字段的方式，

updateMyData() 在复选框丢失焦点并且 console.log 打印正确数据时触发，

updateMyData() 如下，

为什么复选框值未保存在“数据”字段中？谢谢

我在 Laravel 6+ 上使用带有 API 的 React-Table v7。我已经完成了分页，但现在我想用多列实现服务器端过滤。

我想要一个使用 laravel 作为服务器的 react-table v7 过滤的简单示例

在这个官方示例中，表格排序和搜索会在任何可编辑字段的模糊时重置。https://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/kitchen-sink?file=/src/App.js
我该如何防止呢？我希望排序和搜索保持不变，即使有人编辑数据。

我们如何获取传递给 React-Table 组件的道具（就像我们传递选项对象一样，如 data 和 columns ）并且 table 实例为我们提供了 instance object 中的列和数据。那么我们如何才能获得与数据和列一起传递给任何自定义插件 Hook 的额外道具。

我正在尝试使用 react-table 并引发错误。当我运行它时，它会在屏幕上显示以下堆栈跟踪：

它似乎试图从列创建映射，但由于列未定义而引发错误。

我将它传递给我的专栏，但也许我做得不对。

这是我的代码：

我在这里跟随 react-table 快速入门指南：https ://github.com/tannerlinsley/react-table/blob/master/docs/quickstart.md

谁能看到我做错了什么？谢谢。

出于美学原因，我尝试将 HeaderGroup 添加到 react-teable 示例中提供的“选择”（复选框）列解决方案中。

来源： https ://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/kitchen-sink

我已经尝试了许多使用 hooks 对象的方法，但没有一种方法有效（例如嵌套调用 hooks.headerGroups.push 和 hooks.visibleColumns.push）。

这是我最后一次尝试，它是有意义的，但也不起作用（TypeError: Cannot read property 'forEach' of undefined）：

谢谢你的帮助^^