自定义 enable/disable select 行 MUI-DataTable
Custom enable/disable select rows MUI-DataTable
我有一个 Mui-DataTable,我需要个性化行选择。在文档中,我找到了“isRowSelectable”函数。但是这个方法 return 我只有两个参数:dataIndex 和 selectedRows。在我的 table 中,我有一个名为状态的列,有两种状态:活动和非活动。当行状态为非活动时,我需要禁用行选择。不幸的是,“isRowSelectable”API 没有 return 我的数据来比较状态,因此启用或禁用我的行选择。
有人知道我该怎么做吗?
我找到了一个“解决方案”。它正在工作,但这不是解决问题的好方法。不过,这是我的方法:
- 起初,我的数据来自数据库。我在 asc 中更改了我的 get 方法排序,在最后 table;
设置了我的非活动列
- 其次,我统计有多少行,有多少行不活跃;
- 最后,在我的“isRowSelectable”中,我 return 如果是我的顶部 table 则为真,如果是我的底部 table 则为假 table,如下所示:
return dataIndex < totalRows-countStatus ? true : false
正如我之前所说,它并不漂亮,但效果很好。
我有一个 Mui-DataTable,我需要个性化行选择。在文档中,我找到了“isRowSelectable”函数。但是这个方法 return 我只有两个参数:dataIndex 和 selectedRows。在我的 table 中,我有一个名为状态的列,有两种状态:活动和非活动。当行状态为非活动时,我需要禁用行选择。不幸的是,“isRowSelectable”API 没有 return 我的数据来比较状态,因此启用或禁用我的行选择。
有人知道我该怎么做吗?
我找到了一个“解决方案”。它正在工作,但这不是解决问题的好方法。不过,这是我的方法:
- 起初,我的数据来自数据库。我在 asc 中更改了我的 get 方法排序,在最后 table; 设置了我的非活动列
- 其次,我统计有多少行,有多少行不活跃;
- 最后,在我的“isRowSelectable”中,我 return 如果是我的顶部 table 则为真,如果是我的底部 table 则为假 table,如下所示:
return dataIndex < totalRows-countStatus ? true : false
正如我之前所说,它并不漂亮,但效果很好。