问题标签 [react-table-v6]

在 ReactTable 中如何找到行号，当 ReactTable 沿 showPageSizeOptions={true} 使用时

作为用户可以动态更改行以任何方法查找用户选择的行，如果用户希望在特定页面和索引处添加新的Entiers，这有助于我添加新的Entiers。

我正在尝试实现多搜索过滤器。在我的反应表组件中，我已经在每列中有一个搜索栏。但我想要的是能够在同一列中搜索多个信息。例如，在搜索栏“姓名”中，我将输入“John Jane”，这意味着我要显示所有 Johns 和 Janes。另一个例子，在“id”列中，我输入“1 3”，我将不得不显示 id 1 和 3。

编号 | 姓名 | 年龄

1 | 约翰 | 17

2 | 简 | 9

3 | 玛丽 | 98

代码沙箱：https ://codesandbox.io/s/react-table-custom-filtering-forked-m4nnw?file=/index.js

我正在尝试将排序方法应用于表中的一列。该列具有数值和空值（“--”）。我想以升序和降序方式对值进行排序。而且我希望所有空值都应该在两种排序类型中都放在表的底部。

任何人都可以建议使用 react-table-6 的自定义排序功能吗？

谢谢你...

我正在使用自定义道具来调整来自https://www.npmjs.com/package/react-table-v6#styles的每一列的宽度

但这会在右侧添加额外的填充。我想挤压表格中的每个列单元格

我正在尝试使用 react-table 在“用户列表”中显示“用户”的详细信息。从 api 获取的数据如下所示。

在此处输入图像描述

使用下面的代码，“用户”的基本字符串属性正确显示。但是，如果我想显示子实体“coreCourse”的名称，则不会显示。

这是应用程序显示的内容 在此处输入图像描述

有人知道如何显示丢失的数据吗？我已经尝试了各种选择。

以下是表格的列：

我的 React Table v6(react-table-6) 的代码片段：

版本：“6.11.0”

我有一个选择下拉字段，根据其选择的值显示不同的数据。在选择下拉列表中选择不同的值时，仍会保留排序过滤器。我想在下拉列表中选择不同的选项时重置反应表中的排序过滤器，即加载新数据。请指教

如何阻止扩展的 React-Table 行在类组件的状态更改时折叠。

请在此处找到代码链接https://codesandbox.io/s/agitated-dubinsky-t0hcn?file=/src/nestead-table/index.js

在选择或取消选择复选框（状态更新）时，展开的行正在折叠，请帮助我解决这个问题。

我试过下面的代码。它一直在打开该嵌套行，但subcomponent嵌套表内部没有显示（请在第一张图片下方找到）......对我不起作用，因为它是一个嵌套表。跟着一些文件https://react-table.tanstack.com/docs/api/useExpanded不走运！

这是我尝试过的代码。

使用上面的代码，我得到低于输出。

寻找以下输出。

提前致谢。

如何防止扩展的 React-Table 行在类组件状态更改时折叠。

请在此处找到代码链接https://codesandbox.io/s/agitated-dubinsky-t0hcn?file=/src/nestead-table/index.js

在选择或取消选择复选框（状态更新）时，展开的行正在折叠，请帮助我解决此问题。

我试过下面的代码。它一直打开该嵌套行，但子组件嵌套表内部没有显示（请在第一张图片下方找到）....对我不起作用，因为它是一个嵌套表。跟着一些文件https://react-table.tanstack.com/docs/api/useExpanded不走运！

这是我尝试过的代码。

使用上面的代码，我得到低于输出。

寻找以下输出。在此处输入图像描述

提前致谢。

下面是使用 react-table 节点包 BasicTable.js 完成的表格组件

react-table 中使用的 Column.js 文件

如果我们没有从 https://jsonplaceholder.typicode.com/comments获取数据，我们会在 const data = useMemo(() => res, [res]); 我想显示一条消息说没有记录而不是表格怎么做

这是我现在的桌子。问题是，当我想对“驱动程序”列进行排序时，所有其他列也会被排序。

我希望能够一次对它们进行排序，并且只有在单击时才能排序。