问题标签 [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.
reactjs - *React-table* 第二页不显示数据
我有一张显示诊所的表格。我还有一个处理 pageIndex 的 onPageChange 道具,然后我根据该页面获取数据。下面是我的表配置
请注意,我已禁用手动道具。如果我启用手动道具,那么我可以浏览下一页和上一页,但我无法对数据进行排序或过滤。
在禁用手动道具的情况下,过滤和排序工作正常,但是当我在下一页导航时,表格显示为空。第一页显示正确的前 10 个数据。我也测试了 api 并返回正确的下 10 个数据。
有什么解决方法吗?保持服务器端分页和默认排序和过滤?
reactjs - React-Table 从状态打开子组件
我想为我创建某种路由,react-table
以便用户打开一行(使用SubComponent
)后,URL 应该相应地更改。因此,当用户刷新页面、为其添加书签或将其发送给其他人时,应该展开同一行。
但是,我没有找到一种方法来指定一行是否打开。
reactjs - React-tables 如何获取表列名?
我创建了一个反应表,我正在使用 onclick,但我正在尝试访问标题名称。
列日志返回未定义,并且在 rowInfo 中我找不到列标题的名称。还有其他方法可以解决这个问题吗?
编辑:我想出了如何通过将 getTrProps 更改为 getTdProps 来访问标题名称,但唯一的是我每列的标题是一个函数。当我拿走这个功能并做
它有效,但我有
如果它在函数内部,我将如何访问它?
谢谢大家的时间和考虑。
javascript - 状态改变时 Mobx 不更新
我正在使用带有 mbox 的 react-table 并且遇到了我的状态未更新的问题。
我有一张这样的桌子
一列有
和这样的商店
奇怪的是,如果我在我的代码中添加这样的东西
然后状态将正确更新,但是当我删除此行时,没有任何更新。
我看到我的 toggleCheckbox 被触发并且状态正在更新。
我在这个组件上也有@observer。
javascript - 如何在反应表中使用 getTheadThProps?
我的表渲染功能上有这个:
文档谈到 onClick: (e, handleOriginal),试过了,但 handleOriginal 总是未定义,所以文档上的示例不起作用。
当我以这种方式替换单击事件时,“正常”排序机制被破坏(toggleSort - 永远不会调用切换列标题排序状态的方法)。这就是为什么我需要调用原始函数的原因。
css - 如何在我的 react 项目中使用 react-table 中的 css 文件以及 css 模块?
我一直在我的 react 项目中使用 css 模块,最近使用THIS SITE安装了 react-table ,但是我在导入它的 css 文件时遇到了问题。react-table 的来源说我需要从 react-modules 导入 css 文件,例如:
但它不起作用。我认为它与使用 css 模块有关,但我不知道如何修复它。我找到了关于这个问题的THIS THREAD,但不明白是否真的有解决方案。
javascript - 如何固定反应表标题和复选框?
我正在使用带有 selectTable HOC 的 react-table。我想让复选框和标题都固定。我可以单独修复两者,但是当我试图一起修复时,这就是发生的事情。
这是我尝试过的。 https://codesandbox.io/s/jzr870m25
任何帮助,将不胜感激。
javascript - 如何使用 react-table 仅重新渲染更新的行?
我正在尝试使用 react-table 实现可编辑的数据网格。代码如下所示:
我面临的问题是,每当更新特定行中的单元格值时,都会重新渲染整个可见页面。
这是库创建者的分叉沙箱,它说明了这个问题。
我在想如果反应表在单个单元格中有更新时重新呈现整个页面,那么它的效率相当低。或者我不确定我是否遗漏了什么。
任何帮助我们都非常感谢。提前致谢!
reactjs - 在挂载组件上对反应表进行排序
我正在尝试显示一个显示一些数据的表格,但我的数据来自后端,区分大小写,但我不希望这样,所以,react-table 排序默认忽略大小写敏感,我想使用该排序算法在组件安装时对数据进行排序,但在文档中我找不到一些信息来做到这一点,我尝试使用功能渲染但没有成功。
reactjs - React-table css 未加载是 webpack 的问题吗?
我对 webpack 不太熟悉,但我认为它会导致问题。我正在使用反应样板并已将反应表安装为依赖项。添加了代码并显示所有内容,但没有显示 css。如果有人能指出我正确的方向,我将不胜感激!
这就是我将它添加到我的组件的方式
在我的渲染中,我正在执行以下操作
这就是我的 webpack.config.js 的样子
更新修改的 webpack.config