【问题标题】:Custom enable/disable select rows MUI-DataTable自定义启用/禁用选择行 MUI-DataTable
【发布时间】:2022-01-09 00:20:16
【问题描述】:
我有一个 Mui-DataTable,我需要个性化行选择。在文档中,我找到了“isRowSelectable”函数。但是这个方法只返回两个参数:dataIndex 和 selectedRows。在我的表中,我有一个名为 status 的列,有两种状态:活动和非活动。当行状态处于非活动状态时,我需要禁用行选择。不幸的是,“isRowSelectable”API 没有返回我的数据来比较状态,因此启用或禁用我的行选择。
有人知道我该怎么做吗?
【问题讨论】:
标签:
reactjs
customization
mui-datatable
【解决方案1】:
我找到了一个“解决方案”。它有效,但它不是解决问题的好方法。不过,这是我的方法:
- 起初,我的数据来自数据库。我在 asc 中更改了我的 get 方法排序,将我的非活动列设置在决赛桌;
- 其次,我统计有多少行,多少行处于非活动状态;
- 最后,在我的“isRowSelectable”中,如果是我的顶层表,我返回 true,如果是我的底层表,则根据我的 dataIndex 返回 false,如下所示:
return dataIndex < totalRows-countStatus ? true : false
正如我之前所说,它并不漂亮,但运行良好。