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

在 react 中使用 mui-datatable 库，使用 customBodyRender 创建一个自定义列以添加菜单，当您单击其中一个选项时，它将执行一个操作。

问题是当你点击action时，进入函数的数据总是表中最后一条记录的数据，不管选择第一行的菜单，数据总是最后的。

我需要的是，当我单击一行的菜单时，它会返回该行的数据。

示例代码：https ://codesandbox.io/s/wonderful-mclaren-ivvlq?file=/src/App.js

我正在尝试向数据表中的每一行添加：编辑和删除按钮，但单击按钮不会执行“onclick”中声明的函数

这是onclick函数

1.如果我想将另一个对象FinalData以给定格式（如对象数组）附加到数据数组中，在 Header1 下，从 Data01 到 Data04 的数据同样应该出现。我们怎么能这样做？FinalData的格式为

我想要将 FinalData 映射到 ExcelData 中的数据的函数，格式应该相同。因为我需要在 dataSet={ExcelData} 中传递相同的结构来获得预期的输出 Excel。

Excel 工作表中的预期输出应为

希望你们都做得很好。

我正在尝试使用来自 jbetancur 的 react-data-table-component （https://github.com/jbetancur/react-data-table-component#readme），我想实现以下内容：

目前我有这个：

我想得到这个：

因此，要恢复我想要的是为每个（或不）列设置一个过滤器选项。我希望有可能使列能够按该列进行过滤。

我检查了文档并进行了一些搜索，但没有得到任何东西，所以我不确定这是否可能。

如果您需要更多信息来帮助，请告诉我。

提前致谢。

我正在尝试做一些简单的事情：在 primereact / components / datatable / DataTable 列上显示行号。

问题是似乎唯一可行的方法是添加一个带有索引的数据字段，如果打开排序，这些索引会被打乱。

我不想添加数据字段。

如您所见，第一列是shortId. 这是数据库字段。我不想这样。

我想在没有数据库字段而不是shortId.

理想情况下，会有一种方法可以做到这一点，但我似乎找不到任何方法。

在对 SubCategoryTable 进行编辑或添加内容后，页面会刷新或重新加载以将新数据绑定到表。所以所有的行都崩溃了。有没有办法防止展开的行倒塌？

我正在尝试删除 react-data-table-component 标题中的白色背景。

我也可以完全删除标题，但也无法弄清楚如何。

在我的表格组件代码下方

我试图用这个 css 代码改变组件的样式，但它似乎不起作用......

我的桌子现在看起来如何的示例

我有一个烧瓶服务器，用于获取一些大数据。我想在反应数据表中呈现这些数据。（我正在使用 redux 将数据保存在全局状态）

我的问题是，一旦我加载数据，我的应用程序几乎不会移动，并且我得到：

未捕获的 RangeError：mountFiberRecursively 超出了最大调用堆栈大小

我的数据保存在 redux 全局状态。

我做错什么了吗？它是否一直在重新渲染整个数据，并且我应该以不同的方式将数据加载到该 DataTable 中？而不是来自全球国家？

我正在使用反应数据表组件，我想在一个标题下显示 2 个字段。但问题是我不知道使用 react-data-table-component 的正确方法，并且 react-data-table-component 的指令不包括这样的例子。

所以我想知道我们是否可以在一列下使用两个选择器。

下面是我的代码：

我有一个包含以下列的 DataTable：

SelectableRows 为每一行添加一个复选框。我正在使用数据表参加考勤，但我希望还允许用户通过 .csv 上传考勤，或者如果考勤记录已经存在，它将显示在数据表中。

通过上传 csv 或获取出勤记录，我希望数据表将重新呈现并检查相应的行，以便用户可以仔细检查。但我不确定如何在渲染中选择一行。

任何帮助都会很棒！