问题标签 [react-table]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
3441 浏览

reactjs - *React-table* 第二页不显示数据

我有一张显示诊所的表格。我还有一个处理 pageIndex 的 onPageChange 道具,然后我根据该页面获取数据。下面是我的表配置

请注意,我已禁用手动道具。如果我启用手动道具,那么我可以浏览下一页和上一页,但我无法对数据进行排序或过滤。

在禁用手动道具的情况下,过滤和排序工作正常,但是当我在下一页导航时,表格显示为空。第一页显示正确的前 10 个数据。我也测试了 api 并返回正确的下 10 个数据。

有什么解决方法吗?保持服务器端分页和默认排序和过滤?

0 投票
1 回答
1216 浏览

reactjs - React-Table 从状态打开子组件

我想为我创建某种路由,react-table以便用户打开一行(使用SubComponent)后,URL 应该相应地更改。因此,当用户刷新页面、为其添加书签或将其发送给其他人时,应该展开同一行。

但是,我没有找到一种方法来指定一行是否打开。

0 投票
1 回答
1836 浏览

reactjs - React-tables 如何获取表列名?

我创建了一个反应表,我正在使用 onclick,但我正在尝试访问标题名称。

列日志返回未定义,并且在 rowInfo 中我找不到列标题的名称。还有其他方法可以解决这个问题吗?

编辑:我想出了如何通过将 getTrProps 更改为 getTdProps 来访问标题名称,但唯一的是我每列的标题是一个函数。当我拿走这个功能并做

它有效,但我有

如果它在函数内部,我将如何访问它?

谢谢大家的时间和考虑。

0 投票
1 回答
3961 浏览

javascript - 状态改变时 Mobx 不更新

我正在使用带有 mbox 的 react-table 并且遇到了我的状态未更新的问题。

我有一张这样的桌子

一列有

和这样的商店

奇怪的是,如果我在我的代码中添加这样的东西

然后状态将正确更新,但是当我删除此行时,没有任何更新。

我看到我的 toggleCheckbox 被触发并且状态正在更新。

我在这个组件上也有@observer。

0 投票
1 回答
1919 浏览

javascript - 如何在反应表中使用 getTheadThProps?

我的表渲染功能上有这个:

文档谈到 onClick: (e, handleOriginal),试过了,但 handleOriginal 总是未定义,所以文档上的示例不起作用。

当我以这种方式替换单击事件时,“正常”排序机制被破坏(toggleSort - 永远不会调用切换列标题排序状态的方法)。这就是为什么我需要调用原始函数的原因。

0 投票
2 回答
1594 浏览

css - 如何在我的 react 项目中使用 react-table 中的 css 文件以及 css 模块?

我一直在我的 react 项目中使用 css 模块,最近使用THIS SITE安装了 react-table ,但是我在导入它的 css 文件时遇到了问题。react-table 的来源说我需要从 react-modules 导入 css 文件,例如:

但它不起作用。我认为它与使用 css 模块有关,但我不知道如何修复它。我找到了关于这个问题的THIS THREAD,但不明白是否真的有解决方案。

0 投票
2 回答
3331 浏览

javascript - 如何固定反应表标题和复选框?

我正在使用带有 selectTable HOC 的 react-table。我想让复选框和标题都固定。我可以单独修复两者,但是当我试图一起修复时,这就是发生的事情。

这是我尝试过的。 https://codesandbox.io/s/jzr870m25

任何帮助,将不胜感激。

0 投票
1 回答
5785 浏览

javascript - 如何使用 react-table 仅重新渲染更新的行?

我正在尝试使用 react-table 实现可编辑的数据网格。代码如下所示:

我面临的问题是,每当更新特定行中的单元格值时,都会重新渲染整个可见页面。

这是库创建者的分叉沙箱,它说明了这个问题。

我在想如果反应表在单个单元格中有更新时重新呈现整个页面,那么它的效率相当低。或者我不确定我是否遗漏了什么。

任何帮助我们都非常感谢。提前致谢!

0 投票
1 回答
4605 浏览

reactjs - 在挂载组件上对反应表进行排序

我正在尝试显示一个显示一些数据的表格,但我的数据来自后端,区分大小写,但我不希望这样,所以,react-table 排序默认忽略大小写敏感,我想使用该排序算法在组件安装时对数据进行排序,但在文档中我找不到一些信息来做到这一点,我尝试使用功能渲染但没有成功。

0 投票
2 回答
8903 浏览

reactjs - React-table css 未加载是 webpack 的问题吗?

我对 webpack 不太熟悉,但我认为它会导致问题。我正在使用反应样板并已将反应表安装为依赖项。添加了代码并显示所有内容,但没有显示 css。如果有人能指出我正确的方向,我将不胜感激!

这就是我将它添加到我的组件的方式

在我的渲染中,我正在执行以下操作

这就是我的 webpack.config.js 的样子

更新修改的 webpack.config