突出显示 MUI-Datatables 中的特定行块选定的开箱即用突出显示

时间:2021-01-09 15:18:14

标签: javascript reactjs mui-datatable

在我的 React APP 中,我添加了一个 Mui Datable,当数据来自服务器时,我必须添加,其中一行自动突出显示。 问题是开箱即用的选定行突出显示不再起作用,我不知道如何使其再次起作用。

我进行自定义选择突出显示的代码:

setRowProps: (row, dataIndex) => {
        if (preparedSites[dataIndex][0] === site.siteId)
          return {
            style: { backgroundColor: 'rgba(0, 168, 238, .1)' },
          };
        else if (preparedSites[dataIndex][5] === 'INACTIVE')
          return {
            style: {
              opacity: '.5',
            },
          };
        return '';
      },  

以上根据截图的条件设置行背景

Screenshot of behavior

现在的问题是,当我单击并选择一行时,该行没有以任何方式突出显示。

开箱即用的表格将所选行背景设为灰色,如下所示: Example code sandbox

我想知道如何恢复所选行背景,如上面共享的演示中发生的那样。

0 个答案:

没有答案