问题标签 [mui-datatable]

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 回答
5450 浏览

reactjs - React MUI 数据表日期范围过滤器

我是 mui 数据表的新手我想知道有没有办法使用 mui-datatables 创建日期范围过滤器(从日期到日期)?

任何建议将不胜感激。

0 投票
0 回答
89 浏览

javascript - Mui-DataTable 中的行跨越

如何在 Mui-dataTable 中实现跨行?就像下图中的那个,但没有红线。

在此处输入图像描述

0 投票
1 回答
1135 浏览

javascript - 日期在 mui 数据表中未正确排序

我有由 momentjs 制作和格式化的日期,例如(“2020 年 2 月 22 日星期六 12:55 PM”)我从 Firestore 中读取它们,当我首先对它们进行降序排序时,它们似乎很好。

然后我做一个console.log 来检查那里的所有东西并正确排序。

接下来,我将它们传递给包含 mui 数据表的记录表组件。在这一点上,问题开始发生。

  1. 它们不会显示在屏幕上,按最新日期降序排列。

    /li>

在此处输入图像描述

  1. 由于某种原因可能是我的错,即使只有 75 条记录,传递到 mui-datatable 的值也会出现 100 次。我可以通过首先在子组件中执行控制台日志,然后在具有 customBody Render 的列之一上的 mui-datatables 中执行另一个 console.log 来看到这一点。

我真的不确定我在这里做错了什么,因为日期是在传递给 mui-datatables 之前排序的,并且从父组件中的控制台日志中,只打印出 75 条记录,而不是 mui-data 表中的数百条记录控制台日志

0 投票
1 回答
1135 浏览

reactjs - 如何在 mui-datatable React.js 的第一个位置添加 SrNo (#) 列

使用 React 和MUI-Datatables创建表:首先需要添加 SrNo 列,还需要添加 Delete 和 IsActive 按钮。

尝试了下面的激活/停用代码,但每次都运行 OnChange(),它应该只调用点击事件(也尝试过 OnClick()):

0 投票
1 回答
2373 浏览

reactjs - 页面中的 MUIDataTable 默认行不起作用

我正在尝试自定义 a 中的行数MUIDataTable,但似乎默认值始终保持在 10。这就是我尝试过的:

我也尝试添加page="1",但似乎没有效果。我该如何解决这个问题?

0 投票
2 回答
334 浏览

reactjs - 单击一行后,React MUIDatatable 触发器将转到不同的页面

我有一个MUIDataTable,当用户单击一行时,我需要转到一个新屏幕。我只想允许一个点击的行。这是我尝试过的:

我也尝试过使用useHistory,但看起来没有触发点击。

表定义很简单:

为了澄清,我不需要选择行。我想立即转到另一个页面。

0 投票
2 回答
1100 浏览

reactjs - 如何在 MuiDatatables 中的另一个数组内的数组内呈现嵌套对象的属性?

上面是使用 MuiDatatables 的列及其选项,我认为 usingitem.attributes[2].value会输出字符串,但它没有

如果有人可以提供帮助,将不胜感激!

0 投票
1 回答
804 浏览

reactjs - 如何在事件处理程序的 mui-datatable 中使用 material-ui 菜单

我试图让openFilePreviewDialog(id)动作返回id它的行。

问题:它返回了错误的 id,而不是返回 id=7,它返回了 8

0 投票
1 回答
929 浏览

javascript - mui-datatables 示例不呈现示例代码

React 新手并尝试学习 MUI 数据表。库页面上给出的Codebox中的示例代码不会在浏览器中为我呈现,我看到的只是一个空页面。控制台显示零错误。

我的 HTML:

除非指定了 'type="text/jsx"',否则有关 CORS 和 import 语句的错误将出现在控制台中。我正在使用 Node http-request 服务器,它确实在当前目录中加载了各种文件。目前控制台没有显示错误。

JS:

0 投票
2 回答
1587 浏览

reactjs - 在 MUIDatatable 中的分页或过滤期间未显示加载程序

我在使用 redux 的 React 项目中使用 MUIDatatable。我在 api 调用期间显示了一个加载器,当 MUIDatatable 获取数据时,它第一次运行良好。但是当我从分页工具栏使用过滤器或更改页面时,我的加载器没有显示。我使用了一个 redux 设置,我的减速器返回状态loading: true并且在 api 调用之后它返回状态loading: false这完全没问题,但仍然没有显示加载器。我在使用加载器组件的地方使用了以下选项:

然后我在我的 MUIDatatable 中使用了该选项,例如: