问题标签 [react-table]

我有一个 reactjs 应用程序，我在其中使用react-table。表格按钮的文本（“Next”、“Page x of y”等）是英文的，我没有看到任何本地化选项。有这方面的API吗？或者我应该挂钩元素并自己实现它？

寻找一种将“导出到 CSV”按钮添加到作为 npmjs 包的反应表的方法（ https://www.npmjs.com/package/react-table ) 的 react-table 的方法。

我需要添加一个自定义按钮来将表格数据导出到 csv 或 xls 格式的 excel 工作表中吗？

我正在使用 react-table ( https://www.npmjs.com/package/react-table )，我需要使用我最初输入的值保持过滤器处于活动状态，即使在从页面导航时也是如此，直到我自己删除它们. 我该如何实施？

我在我的应用程序中使用react-table。

我一直在做一件事，即在调整列大小时更改CSSof columns。

当前，当您resize仅cursor更改一列时。我想要的是添加border到selected column.

SO我也在搜索这个google。但是找不到有用的东西。而且在文档中也没有提到这个主题。

更新

现在我可以在调整大小时在拖动列时添加边框。我可以通过添加和删除课程来做到这一点。

我为此做了什么：

在 className 的 state 中创建了一个 var：

在我的专栏中传递了这个类名：

拖动结束时删除类：

但我仍然无法在悬停时添加边框。

现在，我在标题道具中发送我的自定义 HTML。在我的 HTML 中，我制作了一个额外的 div。我已经把这个 div 移到了右边。在这个 div 悬停时，我会发出鼠标事件并相应地更改 CSS。

但是负责调整列大小的标题中的现有 div 与我的 div 重叠。

在react-table的一个实例中，我在每一行添加一个按钮来启动一个react-modal。这在表格的第一页上按预期工作，但在后续页面上，不正确的id道具被传递到我的自ReactModal定义listId. 传递的id似乎是表格第一页上相同位置的行。因此，第 2+ 页第一个位置的模态组件接收id第一页第一个位置的行的 prop。

我认为有问题的行在Home下面 where Cell: (row: any) => <ListDetailsModal listId={row.value} />,。的值{row.value}似乎不能在不是第一个表的页面上正常工作。

如何确保正确id传递到ListDetailsModal's的listId所有页面上？HomeReactTable

链接：现场演示 | 来源

react-table 组件类：

react-modal 组件类：

我需要过滤 react-table 中的状态列，这些过滤器的下拉列表需要基于后端 api 中的可用数据。到目前为止，我有下面的代码工作。有人可以帮我验证这段代码吗？或者请有更好的方法。PS。请忽略格式。

我正在使用https://react-table.js.org/#/story/readme从服务器响应中显示表格。但对于长度较长的列数据，其显示省略号。我没有找到包装它的方法，以便显示完整的数据。

在文档中，他们提到了style道具，但我无法弄清楚。我在下面尝试过，但没有奏效。

有人可以建议我应该做什么改变吗？

请帮助我将用户 ID 从 onclick 事件传递到新的端点。下面是我的代码。Console.log 给了我正确的输出，但是 & 标签在下面的场景中似乎都不起作用。

我使用 Rails 和 React-Table 来显示表格。到目前为止它工作正常。但是如何向 React-Table 添加编辑/删除列？

甚至可能吗？

我想在反应表中单击一行时呈现一个组件。我知道我可以使用子组件来实现这一点，但这不允许点击整行。我希望子组件在用户单击该行的任意位置时呈现。从他们的 github 页面中，我了解到我想编辑 getTdProps 但实际上无法实现。子组件也是表单，在保存该表单时，我想更新该行以反映用户所做的更改并关闭表单。任何帮助表示赞赏。