问题标签 [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 回答
782 浏览

javascript - 反应 - 安装反应表

我正在尝试安装react-table,但在设置 CDN 时遇到问题。我当前的 index.html 文件如下:

谁能告诉我应该将 CDN 中提到的链接/脚本放在我的 index.html 文件中的哪个位置,这样不会弄乱我的依赖关系?谢谢!

0 投票
0 回答
585 浏览

reactjs - react - 具有 n 列的反应表

我正在尝试使用 react-table ,到目前为止它工作得很好,但是我无法弄清楚如何根据传递的输入的结果来满足动态列的数量。我正在针对任意数量的测试用例测试每个函数,并使用 react-table 显示我的结果。列看起来像

名称, 测试用例 1, 测试用例 2, .... 测试用例 n

现在我不知道 n 的值是多少。每个测试文件都会有所不同。那么我如何为这些测试用例创建列,因为我不知道它们会有多少?

0 投票
1 回答
637 浏览

reactjs - 如何为不同的 React Tables 创建不同的样式?

我们有一个使用 React Table ( https://react-table.js.org ) 的网络应用程序。我们通过以下方式覆盖了原始 React Table 的 CSS 文件(我们有 scss 文件):

当然,我们所有的桌子都有相同的风格。但是,我需要以不同的方式设置一些表格的样式,即有些设置是相同的,而有些则不是。

怎么做?

0 投票
1 回答
138 浏览

reactjs - 访问列的过滤器功能中另一列的过滤器?

这是我的列定义

如何访问列filter value中的另一列Filter: () => jsx_component

在这里,在这个过滤器函数中,我得到了三个属性,即column, filter and onChange

filter and onChange特定于这个特定的列..

现在,我如何访问另一列的过滤器。

我需要这个来修改另一个过滤器组件,以查看一个过滤器组件中的更改。

0 投票
2 回答
1549 浏览

reactjs - 使用 React-router-dom 和 react-table 重定向。

我正在尝试在 React-table 中的 onclick 函数内进行重定向。当您查看 onRowClick 时,它会记录完美运行的标题名称。但是当我在点击后尝试使用重定向时,什么也没有发生。该代码在我在不同的组件中尝试后有效。我想知道这是否是 react-table 的问题,是否还有其他方法可以做到这一点?

我想要做的是 onclick 重定向到附加有 Patientinfo 组件的路由。

0 投票
1 回答
109 浏览

reactjs - 反应状态部分丢失

我正在尝试开发一个可编辑的表,用户可以在其中添加数据行,然后将它们发送到后端。

应用程序在 componentDidMount() 函数中获取当前数据。

数据呈现在反应表上。

用户使用添加按钮 addrow() 函数添加新行。

用户保存数据 - 将更新的数据发送到后端。这是发生错误的时间:

(错误)在 saveDataMeasurements = (measurements) =>{} 函数中,接收到的数据打印在 console.log 上,具有要发送到后端的所需状态。但是,发送的数据与接收的数据不同。我不知道为什么。

代码如下:

0 投票
1 回答
5805 浏览

javascript - 如何使反应表单元格组件进行通信?

我的应用程序中有一个反应表:

在此处输入图像描述

如屏幕截图所示,它有两列,一列带有输入字段,另一列是显示文本的普通 div。我想用在第 1 列中输入的值更新第 2 列的值。

我被这个困住了,这怎么能在 React 中完成?

谢谢

更新: 我的表格组件的代码:

0 投票
2 回答
14709 浏览

javascript - React-table 全选选择框

https://codesandbox.io/s/8x331yomp0

我正在尝试在我的表格中创建一个全选复选框。当我单击标题复选框时,我也希望填充其他复选框。

我正在尝试使用 selectAllll 状态值来执行此操作,但无论出于何种原因,这总是第一次返回 false,因此它始终与值应该是相反的。有人知道出了什么问题吗?我将代码沙箱放在顶部,但这是我的表格代码:

0 投票
1 回答
11049 浏览

reactjs - 单击一行以打开包含该行数据的模式

我正在使用 react-table,这是我的表:

按钮点击后的动作

所以这就是我现在的工作方式,但没有显示模态。谁能帮我这个?我究竟做错了什么?

0 投票
2 回答
3939 浏览

javascript - 如何向表中添加键

出现此错误:- 第一次使用 react 和 react-table。使用此代码:-

收到此错误:-

ItemData 是这样的数组:-

我似乎找不到合适的文档来告诉我如何为每个表行添加键。你能为我指出正确的方向吗?

初始化代码:-