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

我在节点/反应页面中使用反应数据表组件。我有 2 个数据集，List并且ListNested.

list是文档数据的集合（具体来说是 xlsm），每行都有文档的最新版本。

listNested是一个类似的数据集，但包含了每个记录的所有先前版本list（如果它们存在）。

我将父表定义为：

我的 ExpandableComponent 定义为：

文档[Here]没有明确定义这种类型的嵌套。我尝试使用该doc_name属性作为keyField，但它不能正常工作。嵌套数据显示在父表中而不是嵌套表中，但嵌套表标题确实显示在嵌套行中。

在下图中，第 2 行和第 3 行来自 中的listNested数据集，ExpandableComponent应该嵌套在第 1 行下。但是，第 1 行显示一个空数据集（带圆圈）。

我验证了两个列表都有我想要的数据，我只是坚持如何将第二个列表粘贴到嵌套部分。

我正在使用 reactjs-popup 和 react-data-table-component npm 库，我想在单击一行时打开一个弹出窗口。

这是我的代码：

是否可以将trigger属性绑定Popup到单击的行？

我正在使用 react-data-table-component 制作表格。数据是通过道具来的。但标题的 CSS 属性没有改变。我认为这是不正确的。

标题：{风格：{字体颜色：'红色'，字体重量：'900'}

另外，我想知道如何在 CSS 文件中进行此样式设置并在此表中使用它。找不到具体的东西。

这是我的完整代码。

**这是购物车进口和状态

当我们选择行时，此代码设置选择的行

)

**这是我的购物车组件，它工作正常，但当 redux 状态发生变化时它不会自行更新。我可以在控制台中看到 redux 状态它完全改变但数据表不会重新呈现

我希望我的 React 数据表具有 Material Ui 类，以便它可以更好地与我的应用程序的其余部分一起使用。文档中提到您可以使用样式组件覆盖 css，但我没有设法做到这一点，也没有找到示例。

我想将 Mui 类名添加到 rtd 类名中，例如：

应该

链接到提到的功能：

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

一些基本的沙盒可以玩：

https://codesandbox.io/s/react-data-table-materialui-9iebe

我有一个 MERN 堆栈应用程序，它是从我完成的一个很棒的教程中修改而来的。在原始应用程序中，事务呈现在从 API 调用填充到 Mongo Atlas DB 的列表中。我将列表转换为 react-data-table-component，现在正试图弄清楚如何删除表行/事务。原始应用程序将此作为带有 onClick 按钮的事务组件的一部分。当我尝试使用 deleteTransaction 函数时，我收到“TypeError：无法读取未定义的属性 '_id'”。我可以看到数据表通过对象 {transactions} 呈现，但无法弄清楚为什么它无法识别 _id。

其他信息：状态通过 React Context API 管理，带有 Router.js 和 Reducer.js。

事务表.js

./controllers/transactions.js - 这是 deleteTransaction 函数所在的位置

我做了研究，看到了一些好的表格布局包，我只有一个 react-native-table-component 包，但我有以下问题，任何人都可以为以下问题建议任何其他库或解决方案。

1. 实际上，我在 JSON 中有一些用户数据，并且希望有一个循环，我可以在每个表标题下显示一些数据，我不想先按顺序准备数据数组，然后将整个数组放在表中在表格组件库中工作。

示例： 我有活动/非活动用户列表，如果用户处于活动状态，我想在 ID 列上添加一个条件 create hreftag else no href。我将如何做到这一点？

2. flexarray表组件中有什么，我看到了示例flexArr={[1, 2, 1, 1]}但不知道这是什么意思？

我是反应原生的新手，请帮助我。

我正在使用 ReactJS 制作一个离线 PWA，并且我已经开始使用 react-data-table-component，到目前为止效果很好。

我已将表格设置为具有在onRowClicked单击一行时调用的函数，到目前为止，我只有该函数在单击时打开一个确实有效的模式。

我的问题是我希望模式包含来自被单击行的行元素的信息。所以基本上，如果我单击标题为“Hello There”（element.title）的第一行，我希望模态也包含该行的元素。

这段代码显示了我所拥有的一切，包括我如何将我的文档从 PouchDB 映射到 elements object ，这就是我的数据表中的行的信息。

我需要做什么才能将单击行的信息传递到模式中？

我正在尝试 react-tables 的基本示例，我收到此错误“错误：元素类型无效：预期字符串（用于内置组件）或类/函数（用于复合组件）但得到：未定义。你可能忘记从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入。” 而我已经导出了组件。这是我的代码

以下是版本详细信息：

我正在使用反应数据表组件。它工作正常，但突然行数自动显示在第一列中，如上面的链接所示。我没有对代码进行任何更改。可能的原因是什么？

我正在使用样式组件。我试图隐藏自动生成的行数，例如：

它为我工作了几天，但类已更改为新类，并且行数再次在 UI 中可见。每次我添加课程并设置显示：无，但有一天新课程正在取代旧课程。有什么建议么？一个班级被新班级取代的原因可能是什么？样式化的组件是否与它有关？