问题标签 [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.
reactjs - MUI-Datatables 列配置转换
我不知道如何根据传递的数据以不同的方式合并数据。这是道具数据....
因此,如果它使用customBodyRender
我希望它做一件事并且如果它正在做simpleBodyRender
我希望它做的事情略有不同。
这里是合并
基本上我希望它看起来更像这样......
因此,如果是它,customBodyRenderer
它会打印所有内容,但如果是它,simpleBodyRenderer
它会为用户填写customBodyRender: (value, tableMeta, updateValue) => {
。
我希望这是有道理的。
谢谢
javascript - 行单击/展开时获取数据使用 mui-datatables 错误
我正在使用 mui-datatables 加载超过 2000 行数据,在页面加载时仅加载其中的 15 个。当他们单击其中一行时,将获取更多数据以显示在展开表行中。
我有问题:
1. onRowClick 功能似乎不起作用
onRowClick
我在我的处理程序中使用了他们的内置函数,但是这个函数一直被忽略,使用onRowClick
with 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 上检查了问题,尝试了几种方法,希望能消除警告但不成功。
我尝试了所有这些我找到了resources1,resources2 资源3
我使用的版本:
Material-UI: 3.4 mui-datatables": 2.12.4,
这是我在codeSandbox中创建的示例代码,感谢您阅读此问题并提供帮助!
javascript - 将 mui-datatables 数据的全选复选框添加为对象(自定义列)
当我的数据是对象格式(自定义列)而不是像带有大量样本的字符串的数组时,我无法在 mui-datatables 中添加一个复选框以选择全部。按照此处的文档,我尝试了使用customHeadRender
功能,但没有被调用,我尝试使用customToolbar
,它将加载全选复选框,但是当您选择行时触发,我需要在页面加载时使用该复选框。
谢谢
reactjs - 当我在反应 js 中尝试钩子时,状态没有更新?
我是反应js的初学者。当我尝试钩子时,状态没有更新
使用 useState 定义状态,如下所示:
然后我必须从 onFilterChange 函数中获取值(使用 mui 数据表过滤更改)。我必须用选定的值更新状态。这是我的 onFilterChange 函数:
这里changedColoumn、filterList、type都是通过点击filter得到的,filterList[0]是name的值。我必须用选定的名称更新状态。但不更新请帮帮我
reactjs - React Material - MUIDataTable - 有没有办法在标题中计算行数?
有谁知道在标题中包含行数的方法?我似乎无法使用options或columns属性来做到这一点。
我想要实现的是:
第 1 列标题(行数)| 第 2 列标题 | ...... | N 列标题
提前感谢您的任何建议。
更多信息:
javascript - 搜索在 mui-datatable、reactjs 中不起作用?
我是第一次反应 js 并使用 mui 数据表搜索的初学者。但它不起作用。
我有一个 onSearchChange 回调函数,它在搜索文本值发生变化时触发。
function(searchText: string) => void
当我删除 api 函数并放置一个控制台来检查 searchText 时,将显示我搜索的正确文本,它将采用 onchange 的值。但是当我尝试进行 api 调用时,我无法在搜索栏中输入单个字母,并且 searchText 也没有像我在搜索栏中输入“test”并且我放置一个控制台然后搜索 Text 时那样采用 value 属性一次取一个字母。我无法将值传递给 api 函数。
请帮我。
reactjs - 当我的数据为布尔值时,在 mui-datatables 中的 switch 中显示表数据
我需要在开关中显示布尔值。例如,我的数据在 {id:1,first_name:ABC,last_name:XYZ,allow:true} 中。我需要在开关中显示允许。我正在使用 mui 数据表
reactjs - Mui-datatables 自定义搜索
如何在 mui-datatables 中添加自定义搜索,可用于从 API 获取的数据。你能给我一个工作的例子吗?我尝试使用
在选项中。
注意:在控制台中,我得到了 react_devtools_backend.js:6 服务器端过滤已启用,因此将忽略自定义搜索。