问题标签 [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 投票
2 回答
473 浏览

reactjs - 如何关闭 MUI 数据表中的过滤器对话框

我在我的反应项目中使用 MUI 数据表。我使用了服务器端过滤和 customFilterDialogFooter,其中我在 mui-datatables 中传递的选项中包含以下代码。当我单击应用过滤器按钮时,我使用我的过滤条件从服务器获取数据,这完全没问题,但过滤器窗口没有关闭。有什么办法可以关闭过滤窗口吗?

包括过滤器窗口图片

0 投票
2 回答
739 浏览

reactjs - MUI-Datatables 列配置转换

我不知道如何根据传递的数据以不同的方式合并数据。这是道具数据....

因此,如果它使用customBodyRender我希望它做一件事并且如果它正在做simpleBodyRender我希望它做的事情略有不同。

这里是合并

基本上我希望它看起来更像这样......

因此,如果是它,customBodyRenderer它会打印所有内容,但如果是它,simpleBodyRenderer它会为用户填写customBodyRender: (value, tableMeta, updateValue) => {

我希望这是有道理的。

谢谢

0 投票
0 回答
1213 浏览

javascript - 行单击/展开时获取数据使用 mui-datatables 错误

我正在使用 mui-datatables 加载超过 2000 行数据,在页面加载时仅加载其中的 15 个。当他们单击其中一行时,将获取更多数据以显示在展开表行中。

我有问题:

1. onRowClick 功能似乎不起作用

onRowClick我在我的处理程序中使用了他们的内置函数,但是这个函数一直被忽略,使用onRowClickwith renderExpandableRow,我的嵌套行不会扩展,只有这个函数onRowsExpand可以让我每个id加载评论,

2. 当我点击某一行时,我不断收到错误,控制台将显示:

Warning: Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. See react-unsafe-component-lifecycle for details.*

或这个:

Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method.

我从其他人的 github 上检查了问题,尝试了几种方法,希望能消除警告但不成功。

我尝试了所有这些我找到了resources1resources2 资源3

我使用的版本:

Material-UI: 3.4 mui-datatables": 2.12.4,

这是我在codeSandbox中创建的示例代码,感谢您阅读此问题并提供帮助!

0 投票
1 回答
2393 浏览

javascript - 将 mui-datatables 数据的全选复选框添加为对象(自定义列)

当我的数据是对象格式(自定义列)而不是像带有大量样本的字符串的数组时,我无法在 mui-datatables 中添加一个复选框以选择全部。按照此处的文档,我尝试了使用customHeadRender功能,但没有被调用,我尝试使用customToolbar,它将加载全选复选框,但是当您选择行时触发,我需要在页面加载时使用该复选框。

谢谢

这是codesanbox

在此处输入图像描述

0 投票
0 回答
164 浏览

reactjs - 当我在反应 js 中尝试钩子时,状态没有更新?

我是反应js的初学者。当我尝试钩子时,状态没有更新

使用 useState 定义状态,如下所示:

然后我必须从 onFilterChange 函数中获取值(使用 mui 数据表过滤更改)。我必须用选定的值更新状态。这是我的 onFilterChange 函数:

这里changedColoumn、filterList、type都是通过点击filter得到的,filterList[0]是name的值。我必须用选定的名称更新状态。但不更新请帮帮我

0 投票
1 回答
1919 浏览

reactjs - React Material - MUIDataTable - 有没有办法在标题中计算行数?

有谁知道在标题中包含行数的方法?我似乎无法使用optionscolumns属性来做到这一点。

我想要实现的是:

第 1 列标题(行数)| 第 2 列标题 | ...... | N 列标题

提前感谢您的任何建议。

更多信息:

  1. 我想在图片中实现的目标

  2. 试图在 SandBox 中获取我的应用程序的工作副本并将回发。当前沙箱显示使用的选项和列选项

0 投票
1 回答
547 浏览

javascript - 搜索在 mui-datatable、reactjs 中不起作用?

我是第一次反应 js 并使用 mui 数据表搜索的初学者。但它不起作用。

我有一个 onSearchChange 回调函数,它在搜索文本值发生变化时触发。

function(searchText: string) => void

当我删除 api 函数并放置一个控制台来检查 searchText 时,将显示我搜索的正确文本,它将采用 onchange 的值。但是当我尝试进行 api 调用时,我无法在搜索栏中输入单个字母,并且 searchText 也没有像我在搜索栏中输入“test”并且我放置一个控制台然后搜索 Text 时那样采用 value 属性一次取一个字母。我无法将值传递给 api 函数。

请帮我。

0 投票
1 回答
1376 浏览

reactjs - 当我的数据为布尔值时,在 mui-datatables 中的 switch 中显示表数据

我需要在开关中显示布尔值。例如,我的数据在 {id:1,first_name:ABC,last_name:XYZ,allow:true} 中。我需要在开关中显示允许。我正在使用 mui 数据表

0 投票
2 回答
3836 浏览

reactjs - MUIDataTable:在反应应用程序 viewColumns 选项中如何垂直显示列的复选框列表

我有一个 MUI 表实现,使得选项对象 viewColumns 设置为 true,这应该显示弹出器以选择要在复选框的垂直列表中显示的列,如下所示:

在此处输入图像描述

,但我是水平获取它,如下面的屏幕截图所示:

在此处输入图像描述

MUIDataTable 组件中要传递的选项定义为:

列定义为:

并且该组件被消耗为

gridData是从 Api 响应中收到的

0 投票
1 回答
3915 浏览

reactjs - Mui-datatables 自定义搜索

如何在 mui-datatables 中添加自定义搜索,可用于从 API 获取的数据。你能给我一个工作的例子吗?我尝试使用

在选项中。

注意:在控制台中,我得到了 react_devtools_backend.js:6 服务器端过滤已启用,因此将忽略自定义搜索。