【问题标题】: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
    

    正如我之前所说,它并不漂亮,但运行良好。

    【讨论】:

      猜你喜欢
      • 2016-07-31
      • 1970-01-01
      • 2021-06-23
      • 2019-08-08
      • 2023-03-20
      • 1970-01-01
      • 1970-01-01
      • 2016-05-31
      • 2020-11-14
      相关资源
      最近更新 更多