问题标签 [react-data-table-component]

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 投票
0 回答
95 浏览

reactjs - react数据表组件点击一行并触发事件

我有一个反应 DataTable 组件,如下所示:

我想要实现的只是当我单击一行时,我想显示该特定行的 ID。我怎样才能做到这一点?

0 投票
1 回答
1237 浏览

reactjs - 更改 react-data-table-component 中的默认文本

是否可以更改反应数据表组件中的默认文本?例如,当没有可用数据时,它会显示“没有要显示的记录”,但我需要根据用户选择的语言更改文本。是否可以更改默认文本和字体?

0 投票
1 回答
232 浏览

reactjs - Reactjs 数据表更改文本

我正在使用反应数据表组件。

https://www.npmjs.com/package/react-data-table-component

在此处输入图像描述

有一个结构可以在有或没有表中数据的情况下完全工作。但是,我的问题是在没有数据时默认显示的文本中。

在此处输入图像描述

我唯一的目标是更改此处写的“没有要显示的记录”文本。

谢谢,

0 投票
1 回答
922 浏览

reactjs - 在 react-data-table-component 中定义条纹颜色

我有一个“react-data-table-component”,我想基本上制作一个深色主题。我设法改变了背景颜色,但我也希望我的条纹背景颜色也变暗。

这是代码:

行变暗(#131313),白色,深色,白色。我不知道也找不到条纹风格的颜色。

谢谢

0 投票
1 回答
606 浏览

reactjs - 将特定于行的数据传递给 expandableRowsComponent

我已经使用 react-data-table-component 创建了一个表格,现在我想让表格行可扩展,这样当我展开一行时,它会显示特定于该行的详细信息,就像Material-UI Collapsible一样。

我阅读了 react-data-table-component API 文档,并通过将 expandableRows 设置为 true 并将组件分配给 expandableRowsComponent 来获得可扩展的行。但是我怎样才能将数据传递给 expandableRowsComponent 以便如果我展开第 1 行我得到数据让我们说“这是第 1 行”,对于第 2 行我会得到“这是第 2 行”等等......

任何帮助或指导将不胜感激。谢谢!

0 投票
0 回答
190 浏览

reactjs - 在 react-data-table-component 分页中启用搜索和移动分页

大家好,我正在学习 react 并试图创建一个数据表,我使用 react-data-table-component 成功,但它在底部提供了每页行选项,如您所见,所以现在我也想将它移到顶部如果有多个记录,它会变得乏味。电流输出

0 投票
0 回答
464 浏览

reactjs - React data-table-component:onClick on button 在内部图标上不起作用

我正在使用react-data-table-component.

我有这些专栏:

Datatable组件中:

单击按钮(红色正方形的每个像素)时会监听该事件,但不会在图标本身上监听该事件。

在此处输入图像描述

我确实尝试添加data-tag="allowRowEvents"on 图标本身,但没有成功。

我确实尝试添加一个监听器e.currentTarget,但没有成功。

0 投票
1 回答
492 浏览

reactjs - 在 React 数据表组件中用逗号显示数字

我正在尝试使用逗号分隔符以印度数字格式显示表格中的财务数据。我正在使用react-data-table-component在我的网页中创建表格。

我传递给 DataTable 组件的数据参数的表数组是这样的 -

如何以逗号分隔的格式显示表格中的数值?如果您需要更多详细信息,请告诉我。

0 投票
0 回答
79 浏览

reactjs - 如何使用 react-data-table-component (React JS) 在末尾添加一个空行?

是否可以使用 react-data-table-component (React JS)在末尾添加一个空行?另外,如何在单击保存按钮时获取此新添加行的数据?

参考:https ://www.npmjs.com/package/react-data-table-component

谢谢

0 投票
2 回答
2083 浏览

javascript - react-data-table-component:访问所选行并将其分配给 setState

嗨,我真的是反应新手,所以我有一个包含一堆数据的表,我想将选定行的值分配给我的 setState 但输出看起来不像我预期的那样,我做了一个更简单代码的版本,所以在这里。

应用程序.js:

密码沙盒