问题标签 [react-table-v7]

所以我有一个带有 useTable 的 JavaScript 类。在 Java 脚本中，它的使用如下

我正在将我的 javascript 项目转换为打字稿。

在打字稿中，该useTable行给出了错误。

例子 ：Property 'page' does not exist on type 'TableInstance<object>'.ts(2339)

该initialState属性给出了我的以下错误

如何useTable在 Typescript 中编写该行？

我有一个按应用的初始排序顺序分组的表。

我希望能够在 UI 上进行排序，但同时保留初始分组排序顺序。

所以它就像一个多重排序，但一个排序规则总是应用于组。

这是最初的排序规则：

RISK_SCORE列将是可排序的：

而且我们会强制RISK_GROUP每次都进行相同的排序，而不是通过用户交互来排序：

任何想法如何做到这一点？

我认为这类似于在对另一列进行排序时以编程方式在一个列中设置排序选项？

大家好，当我backticks在 hooks 部分使用时遇到问题useTable

例如，在下面的代码中，我声明randomVarBT给我一个错误。

我收到以下错误。如果我使用""而不是反引号，则不会出现以下错误。

linting /home/LOCATION_TO_FILE/Filename.js:87 时无法读取 null 的属性“值”

我正在使用 react table 7.0 ，我如何添加和 iconColumn ，点击它，需要显示一个下拉列表。

我可以在上面的列上呈现一个图标。如何在单击时呈现下拉列表？

https://github.com/tannerlinsley/react-table/issues/3111

https://codesandbox.io/s/modest-booth-hei5d?fontsize=14&hidenavigation=1&theme=dark

当我在 onchange 事件期间使用输入单元格时使用反应钩子组件，状态更改会导致组件刷新并且输入字段失去焦点。我查看了上面发布的 github 链接，但不是 react-table v6 上推荐修复的结果。我在反应表 7.6.3

我的组件代码

MyReactTable.js

如果未调用默认列之外的定义（未定义单元格和过滤器函数）并且我收到此错误错误：渲染器错误☝️，参考代码，

但是如果我将这个 defaultColumn 对象放在 CustomTable 中，那么代码就可以正常工作，如下所示，

那么为什么方法一不起作用？

react-table我正在尝试使用and从头开始​​构建像 Material UI XGrid 这样的数据表，但不知何故，无论我增加多少道具，react-virtualized我都无法消除表格边缘的闪烁。我想以这样的方式删除它，这样它就完全不引人注意了。我也试过了，但闪烁比.rowCountreact-virtualizedreact-windowreact-virtualized

只是出于好奇，如果 Material UI 使用了与 相同的底层技术，他们是如何做到的react-virtualized？

使用时useRowSelect以及useTable如何为第一列指定列宽，使其永远不会超过复选框的宽度？我不想使用useFlex，因为我想根据标题宽度保留列宽。

您会注意到，当表格设置为 100% 宽度时，如果您展开浏览器窗口，第一列就会开始增长。

这是一个例子：

https://codesandbox.io/s/youthful-hamilton-j0rev?file=/src/App.js

我也愿意从我推入列数组的地方抓取 Header 和 Cell 并添加一个 className，但无法找到一种方法来做到这一点。如何添加 className 以便围绕此列数据的表格单元格具有要附加到的 className：

我创建了一个带有 react-table 的表，并且我为每一列都有一个列过滤器。在几列中，我有日期，当我尝试过滤日期时它不起作用。关于如何实现这一目标的任何建议？

我需要能够实现一个功能，当您单击每个单独的列标题时，它会突出显示所选列。例如，用户单击标题 id 单元格它将突出显示 id 列，并且突出显示将从上一个中删除选择，每次单击新的标题单元格时。仅在此处显示我认为需要的主要文件。任何帮助深表感谢。

我的表看起来像这样的结构：

编号 | 姓名 | 年龄

1. | 鲍勃。| 18
2. | 约翰 | 25

PeopleDataTable.js：

反应表.js

Cols.js：