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

编程问答 2022-05-31

问题描述

在我的 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

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

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascriptmui-datatablereactjsreactjsreactjsreactjs