问题标签 [react-table-v6]

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 回答
66 浏览

reactjs - 页面更改后 React Table v6 扩展子行

我可以使用这样的defaultExpanded属性显示我表上的所有子行 -

我的问题是这只适用于初始页面加载,当我点击下一页时,没有任何子行被展开。

第 1 页,初始加载: 在此处输入图像描述

第2页: 在此处输入图像描述

有没有办法让所有子行保持打开状态,即使在页面更改重新渲染之后?

0 投票
1 回答
281 浏览

react-table - 反应表排除默认列过滤器

我有一个默认的列过滤器,我想知道是否有办法将它从一列中排除。您可以从我正在使用的 React-table 中查看一个示例:https ://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/filtering

在 useTable 挂钩中使用了“DefaultColumnFilter”,并且所有列都默认使用它

有没有办法从使用它排除一列?

0 投票
1 回答
6167 浏览

javascript - react-table:根据行道具值更改行的背景颜色

我有一种情况,我必须根据行道具更改行的背景颜色。我目前正在这样做:

react-table,是这样的:

如果我检查元素,我会得到:

但它不适用于行。我该如何解决这个问题?

我的react版本是^16.13.1react-table版本是6.8.6

0 投票
1 回答
6078 浏览

reactjs - 反应表日期范围过滤器

我正在尝试在我的 React 表中实现日期范围过滤器。当我更改开始或结束日期时,它会触发过滤器功能,创建最小和最大日期,但是当它完成时,不会过滤任何日期并且输入从所选日期开始为空。这是我的代码:

过滤页面:

我在这里缺少什么?

0 投票
1 回答
868 浏览

reactjs - 从 React 表中的函数获取列值

我有一个显示 id、时间和状态的反应表。我必须添加一个新列摘要,它将使用行的当前 ID 并计算名称。

我不确定如何获取该行的特定 ID。

data是一个复杂的对象,如果我在 getNameFromId 中传递它,它会给我所有的 id。请帮助解决这个问题。

0 投票
1 回答
1706 浏览

react-table - React-table 如何禁用客户端排序并仅使用服务器端排序数据

我想使用服务器端排序数据并想绕过反应表排序功能。我只想使用排序点击方法。

0 投票
1 回答
2630 浏览

javascript - 使用 react-table 或 react-table-6 时如何执行内联编辑?

我正在尝试使用 react-table-6 库在 React 中执行 CRUD 操作,因为它是轻量级的并且具有基本功能。我不希望我的捆绑包尺寸更大。

这是我的代码https://codesandbox.io/s/crud-using-react-table-6-rs2r9

每当我尝试使用输入编辑和更改值时,表格都会重新呈现。我认为问题在于,当我更改状态时,列内的单元格会重新呈现。但我无法为此找到解决方法。任何帮助将不胜感激。谢谢。

0 投票
1 回答
208 浏览

javascript - 基于 react-table-6 中另一列结果的颜色单元格

当前,我正在显示表格,其中Protected列中的单元格在 True 时突出显示为绿色,如果为 False 则突出显示为红色:

我的相应代码如下所示:

是否可以根据相应属性是真还是假来删除Protected列并用红色或绿色突出显示该列?IESourceProtected

我的数据如下所示:

0 投票
0 回答
85 浏览

react-table - 具有多个值的反应表分组表列

我正在使用react-table-6,我正在尝试使用数据透视分组对我的表数据进行分组。我必须在某种程度上工作,但我的要求不同。我已经在GitHub链接中给出了我的要求。

你能帮我根据要求对数据进行分组吗?提前致谢。

0 投票
1 回答
42 浏览

reactjs - 如何在 react-table v6 中保留/保存最后访问的页面?

希望每个人都做得很好!有什么方法可以将用户发送回 react-table v6 中最后访问的页面,详细说明,主表的每一行都有一个按钮,可以将用户发送到另一个页面,但我希望用户在他/她返回主页以获取上次访问的页面!

编辑:我在整个项目中使用基于类的组件。

提前致谢。