问题标签 [mui-datatable]

我有一个数据集作为 API 调用的响应收到，其中我的日期格式为“2020-06-10”，即 (YYYY-MM-DD)，但我需要将其显示为“6 月 10 日” 2020”，我使用的实用程序如下：

但是现在当我将这些数据传递给 MUI Datatable 实现并且排序没有按预期工作（无论是在 asc 还是在 desc 中），它只是随机打乱。

请建议我如何实现显示预期格式和正确排序的两点。

使用的库版本：

“时刻”：“2.24.0”，“mui-datatables”：“2.14.0”，“react”：“16.13.1”，“react-dom”：“16.10.2”

注意：如果我不格式化日期，排序工作正常。

具有重复问题的沙箱：https ://codesandbox.io/s/objective-golick-8qvzf

我正在开发一个带有 mui-datables 的项目。当然我可以捕捉到onSearchClose事件，但我怎样才能防止搜索栏消失（例如，当我们点击“viewColumns”图标时）？有没有一种我错过的简单方法，还是我必须创建一个自定义搜索栏（使用customSearchRender）并使用该功能做一些事情hideSearch？

我有这样的数据：

使用 mui 数据表，我需要将 first_name 和 lastname 显示为全名

我正在使用材料 ui 和 mui-datatable 在 reactjs 中构建简单的 crud 应用程序。我的 < dummyTableComponent /> 在 componentDidMount() 中使用 fetch() 来用处理后的数据填充表。我的 < dummyDialogForm/>" 使用 fetch() 提交数据。我应该如何刷新或重新加载我的？我不能使用输入中的值来更改表的状态，因为数据是在服务器端修改的。任何帮助>

虚拟表组件

dummyDialogForm

我正在使用 mui-datatable 在我的应用程序中实现表。我已经启动并运行了我需要的所有功能，并且我正在使用服务器端数据和分页。

问题是当用户更改当前页面时，我需要保留行的选择。

我可以使用 onRowSelected.. 存储在外部数组中选择的行的 ID。但我不确定当用户更改页面时如何使表格呈现为选中的行。

请记住，我正在使用服务器端数据，所以想法是在第 1 页中，当我选择第 1 行时，获取该记录的 id 并将其添加到所选 id 的数组中。然后我需要检查当前显示在页面中的行的ID是否包含在选定的数组中，如果是，则检查它是否在表中被选中。这样，当我更改页面时，将运行相同的逻辑并清除所有行，因为没有选择新页面中的任何行。我想你明白了。

我不知道我应该在哪里检查行的 id 是否包含在我选择的数组中，如果是，如何在数据表中检查它。

在此先感谢您的帮助。

我正在寻找一种更新单个行条目的有效方法。

我的方法似乎行不通。补充一下，我正在从 redux 状态获取数据。我正在考虑使用弹出模式，但我希望实现一种更有效的方式。

在我的mui 数据表中，我有一个整数形式的工资列，我想在其中添加逗号分隔符，例如 100000 --> 100,000，我尝试过，但我的方法不起作用

我的组件看起来像这样

调用回调函数获取值并渲染

单击时，它会下载第一个单元格上未定义的 CSV 文件。

val里面的数据集是：

我想知道，我哪里出错了。提前致谢

我在我的反应应用程序中使用mui-datatable，我想在我的表格中添加一个水平滚动条以显示溢出列，而不是让表格伸展超过 Windows 屏幕宽度。

这是我的代码

编辑：添加表选项值

I'm trying to add an icon Add button to the Mui-Datatable to be placed among the rest of the icons found at the top-left.

How would i go about implementing that?