问题标签 [react-table]

根据https://react-table.js.org/#/story/simple-table上的“简单表”示例，我已经加载了一个包含 75k 行（6 列）的简单 react-table 组件。

数据源正在加载到 Redux 存储中，并在表格组件呈现之前完全加载。加载后，react-table 很慢 - 如果单击“下一步”，我会看到下一页数据，但必须等待 7-10 秒 CPU 搅动，然后才能再次单击“下一步”或“上一个”。

我不需要对该数据集进行任何类型的排序，但计划使用 react-table 的过滤功能。该组件没有以任何方式崩溃并且似乎运行良好 - 我能做些什么来加快它并阻止它占用 CPU 吗？某些后台排序操作是否占用了周期或其他内容？欢迎提出建议！

还有其他人将大型数据集加载到反应表组件中吗？试图避免编写我自己的组件...

我正在使用 React-Table 6.7.6，并希望以编程方式重置所有过滤器。

现在，我有这个代码：

有没有办法在不深入挖掘这个东西的内脏的情况下重置过滤器值？

当我们得到一个具有较小页面的水平列时，我们可以修复一个列吗？

例如，我们能否修复此firstName示例中的列。

干杯！！

我正在尝试使用https://github.com/akxcv/vuera将https://react-table.js.org/#/story/readme集成到 vue.js 应用程序中。

我的 main.js：

我的 HelloWorld.vue：

运行此代码后，我在控制台中收到两个错误：

和：

是我在编码还是 vuera 插件没有正确处理 ReactTable 组件集成有什么问题？

非常感谢您的任何想法！

我正在使用ReactTable，并已filterable设置为true. 我需要访问应用过滤器后返回的数据，以便生成过滤后数据的 CSV。

关于如何将过滤后的数据作为 JSON 获取的任何想法？一直在这里弄乱https://react-table.js.org/#/story/custom-filtering，到目前为止还没有找到一种方法来抓取已过滤掉的数据。

我一直在使用GraphQL serverand Apollo client。代码是用Reactjs. 现在我想使用任何查询从 GraphQL 服务器获取数据，并将数据显示到 UI 中的表中。我使用 npmreact-table作为表。

该表可能如下所示：

如果查询响应没有数组，我可以轻松获取并显示数据。例如，我有下面的查询输入字符串：

和没有数组的查询结果

在 ReactTable 组件中，我只是使用data.account.firstName

但是，如果查询结果有数组，我不知道如何获取数据。请看 带数组的图片查询结果

那么我怎样才能把所有 5 个玩具都展示title到桌子上呢？这是我的旧代码：

我有一个用 react-table 创建的反应表，我正在尝试获取页码，以便可以将其作为参数传递给另一个函数。但是我完全不知道如何做到这一点或是否有可能。有谁知道我怎么能得到它？非常感谢，

我正在使用 6.7.6 版的 react-table 库。我正在使用我的 react-table 进行服务器端过滤。我有几个选项卡，我正在寻找一种在更改当前选项卡时重置表过滤器的方法。

如果我添加

filtered={this.state.filtered} onFilteredChange={filtered => this.setState({ filtered })}

它可以工作，但在这种情况下，每次在过滤器区域中键入一个字符时都会调用后端两次，因为我有手动道具。我不知道这是否是正常行为，是否可以避免这种双重调用。

使用https://codesandbox.io/embed/w7jj9mqv88重现该问题。

重现问题的步骤：

1. 在筛选区域中键入字符
2. 单击另一个选项卡
3. 请注意，在过滤区域中键入的值仍然存在

谢谢你的帮助 ！

我一直在尝试呈现频率最高的单词。我已经完成了获取 API。要呈现有总数的单词。我还有 setState 单词和映射的单词数组。render()我期望单词有计数。我只得到数字1 1 1 1 1 1 1 1 1 1 1 2 1。在表数据中。

我有这两个简化的 React 组件，
父组件：-SecondaryLeader
子组件：-SecondaryLeaderDialog
在父组件中，我正在加载表格，在子组件中，我正在使用插入表单。当我惰性化表单表时没有获取数据。当我刷新页面时，它只是在获取。

不刷新我想加载表

数据存储到数据库中但不更新表。
我将不胜感激帮助弄清楚为什么 table 没有按预期更新，以及如何修复代码以使其更新。
这是我目前正在使用的代码：

父组件

子组件