问题标签 [react-table-v6]

我在我的项目中使用 React Table，我不知道如何在用户单击展开的行时关闭其他展开的行，即当第一行、第二行和第三行都展开时，我想在用户单击时关闭所有这三个行第四行。

有人能告诉我怎么做吗？

我一直在努力寻找如何在 ReactTable 的单元格中显示图标（来自库 react-table）。我所能找到的只是它接受 HTML 符号。有很多符号，但我正在寻找的是显示标志......

我已经尝试<i class='fa fa-cloud' />用于测试，但我无法使其工作。

有任何想法吗 ？

我创建了一个反应表。我想通过用户操作隐藏或显示表中的某些列。默认情况下，所有列都应该可见，但我们将有一些复选框来隐藏或显示某些列。

我的桌子的图像

假设我想显示 8 列中的 4 列。请建议我一种简单的技术来实现这一点。

我的列标题数组是

请帮助我通过最简单的技术实现此功能。

如果可以的话，你可以在代码沙盒上展示一个演示。

我正在准备一个反应表，并且有一列按钮。单击时，另一列会根据单击的行号进行更新。

我想删除单独的列以显示数据并让它更新其中包含按钮的列。因此，一旦单击，获得的数据将替换该特定行中的按钮。我该怎么做呢？

这是我目前拥有的表格格式。因此，当我单击该按钮时，“上个月的 API 调用”会相应更新。

我想删除“上个月的 API 调用”列，并使用通过单击按钮获得的信息更新“click-me-button”列（通过用获得的数据替换单击的按钮）

目前获取数据的代码如下

状态“数据”包含填写表格所需的信息。

我正在使用 react-table 显示一些行，每一行都有一个子组件，它只是呈现更多的“子行”。但是，您必须单击该行才能显示子行。React-table 没有设置然后默认扩展。有一些关于这样做的讨论，但我似乎无法用我的例子做任何事情。

加载时电流看起来像这样：

单击每一行后（我如何尝试使其默认显示）

表.js

带有示例数据的 tableSetup.js 从“react”导入 React；

我正在尝试使用 URL 作为指向表中另一个字段的超链接。

ticketurl并且ticketid是我的 JSON 响应中的两个不同的名称值对。我正在尝试显示ticketid，这是一个超链接ticketurl：

数据是json数组

我得到一个空单元格。

有什么方法可以重置 pageSizereact-table-v6吗？我能做的只是更改defaultPageSize通过 refs 访问 ReactTable 组件状态的值，但这只会设置仍然相同但不会将用户选择重置为默认值的默认值。

像简单的 JavaScript

不适用于 TableReact 组件。

有什么建议吗？

我正在尝试根据单元格的值使用反应表来设置表格的样式，首先我试图更改每个单元格的背景颜色，但是我基于反应表 api 文档并添加了 getProps () 到列数组似乎不起作用。

首先，我只想根据值更新单元格的样式，但是根据单元格值添加自定义类名也可以。

这是创建列的数组：

这是一个示例数据（您可以看到在访问它们以生成单元格时会嵌套标题，例如 date.2020-04-01。

需要明确的是，我的表格是使用一些非常标准的东西生成的：

我正在使用 react-table 6.8.6，并且我想使用 checkboxHOC 禁用带有 react-table 的特定行上的复选框。那可能吗？

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

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

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

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