问题标签 [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 回答
7882 浏览

javascript - MUI 数据表服务器端渲染

MUI 数据表具有这样的功能:

onChangePage

页面更改时触发的回调函数。功能(当前页面:数字)=> 无效

我有一个这样的分页API

users?limit=10&start=0&search=

如何在 mui-datatables 中为 react js 进行服务器端渲染以进行分页?

0 投票
1 回答
7390 浏览

javascript - MUI-Datatable 可扩展行

我正在尝试嵌套表。一个表格,当单击特定表格行时,另一个表格在其下方展开(与主表格有明显区别),与该特定行相关的数据将显示在该子表格中。每一行都应该能够呈现子表。我正在尝试遵循他们的官方文档,但没有这样做。下面是我从他们的文档中复制的代码示例。

任何帮助,将不胜感激。

0 投票
1 回答
4449 浏览

mui-datatable - 如何使用 responsive="scroll" 将高度设置为 mui-datatable

我需要有固定的表格主体高度首先很好地显示在我的整个页面上,其次当我选择过滤器并将过滤器标签添加到标题时不改变高度。

我真的很难找到解决方案。我最好的猜测是我应该覆盖 MUIDataTable.responsiveScroll 类,但是当我改变时它什么都不minHeight:'80vh'做。

0 投票
1 回答
1662 浏览

javascript - 使用 modal 向 mui-datatable 添加新数据

我需要使用模态框创建一个新数据,这就是我实现它的方式,但显然新数据没有添加到数据表中。他们有办法做到这一点吗?

这是我的代码:

我认为问题在于我有一个全局数组,我尝试在函数中推送新数据。有没有办法解决这个问题?感谢您对此提供的任何建议。

0 投票
1 回答
3000 浏览

reactjs - Mui DataTable 自定义摘要页脚

给定以下示例:https://codesandbox.io/s/l49mrmvj67 是否可以添加自定义页脚,将当前页面的薪水列相加并将其显示在页脚中?

谢谢您的帮助。

0 投票
1 回答
432 浏览

reactjs - 来自 mui-datatable 的动态数据

我正在尝试在我的 firebase 集合中收集一些信息并添加到 mui 数据表中。我怎样才能在我的表中动态地添加这些信息?

我希望在 ReadFromDb 函数运行后可以更改数据。

0 投票
0 回答
5986 浏览

reactjs - React 嵌套表格组件

我想在我当前的 POC 中构建嵌套表,但我的父子表标题和数据不同。当我刚接触 React 时,我无法自己构建。是否有任何 UI 组件或库可以满足我的要求?我已经探索了 PrimeReact 和 MaterialUI,但没有满足我的要求,所以如果有的话请提出建议。在此处输入图像描述

0 投票
2 回答
6566 浏览

reactjs - 选择数据表中的行(mui-datatable)

我正在尝试使用 mui-datatable 中的表。它工作正常,但是当我尝试选择 de 复选框之外的行时,它不起作用。我需要它像材料设计中的表格一样工作。

我看到他们有一个选择行的功能,它在控制台模式下工作,所以......我需要将代码放入其中并将行添加到选定的行。

0 投票
0 回答
140 浏览

reactjs - 如果可能的话,为什么 setTest 只适用于回调深度解释?

当我在玩 MUIDataTable 时,我发现该函数 tester(){}(检查下面的钩子代码)仅适用于 useState 回调方法,通过常规调用,它仅在我真正试图弄清楚为什么会发生但到目前为止没有结果时才有效如果您是遇到过类似问题的人,或者知道其背后原因的人,请赐教。

尝试使用基于类的组件无论是否使用 setState 回调都可以正常工作,但在基于钩子的组件中,它仅适用于回调。仅供参考:我知道如果我们在钩子中使用回调,它会排队,这有助于我们避免在顺序调用时用旧钩子替换相同的钩子。

带钩子的代码

带类的代码

0 投票
1 回答
7975 浏览

css - 如何在 MUI 数据表头和列的相应 td 上添加类?

我在我的一个项目中使用MUI DataTable Reactjshttps://www.npmjs.com/package/mui-datatables

我必须在特定列上应用一些 CSS,例如更改列的背景颜色。所以我试图在头上添加一个类,并在其他行中添加相应的 td。

有没有办法用现有的下面的代码添加类,因为我创建的几乎所有表都是这样的代码?

下面是创建列头的代码。

并且表格正在使用以下数据生成td 。

表组件: