问题标签 [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 投票
3 回答
8066 浏览

reactjs - React-table 开关排序图标

这是我所指的图标的链接。表头顶部的黑线。

您好,我在问题中嵌入了一个链接,但我试图弄清楚如何切换 React-table 库的排序图标的颜色。我尝试使用

以及相反的

但它所做的只是改变整个表格标题的颜色,而不仅仅是图标。我试图在检查员内部鬼混,但我也无法以这种方式访问​​图标。

任何帮助将不胜感激。先感谢您。

0 投票
0 回答
2314 浏览

reactjs - 如何使用 react-table 以编程方式滚动到一行

是否可以使用react-table [用于反应项目的表库]以编程方式滚动到一行

答案编辑:我最终通过格式化 Cell 为每一行添加了引用。并使用了这个功能

0 投票
1 回答
2216 浏览

reactjs - 从反应表中删除数据

我正在使用 react-table.js 从表单中获取数据,但我希望能够从表中删除数据。该按钮正在工作,所以我知道它已正确连接,但我似乎无法将其删除。这是代码

连同按钮,我将其附加到

0 投票
1 回答
926 浏览

reactjs - 如何在反应表上进行轮询

我正在尝试构建一个 React-Table,它可以每秒轮询远程服务器以获取最新数据。我只是按照作者在文档中所做的(https://react-table.js.org/#/story/server-side-data)并尝试将轮询功能(setInterval)集成到“componentDidMount”中,但它失败了。

错误信息显示在“componentDidMount”下运行“requestData”时,“filtered”未定义,其长度不可访问。我该如何解决?谢谢你。

0 投票
2 回答
12720 浏览

reactjs - React Table default pagination page

I'm new to react-table. Is it possible to set default page in the pagination mode. Is there a certain prop to handle this? F.ex. after my component mounts I'd like to have my table opened on 5th page. Thank you!

0 投票
1 回答
1485 浏览

javascript - 将数组从 GraphQL 查询传递到 React-Table

我正在尝试获取 GraphQL 查询的数组输出并使用 React-Table 呈现它,但出现Cannot read property 'forEach' of undefined错误。

我设法找到的与我类似的唯一另一个问题没有帮助(如何将数据从 GraphQL 服务器显示到 npm react-table?)。当我将查询结果打印到控制台时,它对我来说就像一个普通数组,所以我不确定为什么 forEach 无法识别它。

组件代码:

应用代码:

0 投票
1 回答
38 浏览

reactjs - 变量作为插值字符串

我一直在尝试以自定义方式显示反应单元格

bookid 和 bookURLundefined的形式出现。然而,其他列的访问器显示良好

0 投票
1 回答
59 浏览

react-table - 使用 react-table 对同一行中的不同数据对象进行排序

我真的不确定如何描述我正在尝试做的事情。我正在尝试创建一个 react-table 组件,其中我的数据以某种方式组织。

假设我有一个这样的对象列表:

请参阅所附图片。如果“side”道具是“B”,那么价格和相关数据就是出价数据,如果它的“S”那么它的出价数据。每个对象都是一个股票报价。但是我想以这样的方式订购它,使表格看起来像这样,其中最高的出价和报价位于顶部:

理想桌的形象

该数据在一行中,尽管它有两个单独的引用对象。如果其“side”属性为“S”类型,则相应的“client”和“price”位于左侧,如果其“B”(买方/卖方)位于右侧。有没有办法使用一张桌子来实现这一点,还是我需要两张?买入价和卖出价的相关性仅在于其相同的股票以及用户查看每个最高价格的方式。

0 投票
1 回答
48 浏览

reactjs - 如何在使用反应表的反应中仅为给定列呈现多行?

我想显示格式的表格数据,

我想使用反应行呈现这些数据。如何渲染其他数组?

0 投票
2 回答
8803 浏览

reactjs - Reactjs 表。如何将多个值加入到 1 个单元格中?

我正在使用react-table但我有 2 个值要加入到一个单元格中。有谁知道如何做到这一点?

假设我有这个示例代码,现在它有“名称”,它作为名字和姓氏的组合。

如果在我的数据库中我用名字和姓氏分开会发生什么。我怎么能在这里的 ui 中将它们连接在一起(我知道我可以在 db 级别执行此操作,但这只是一个示例)