在我的 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 '';
},
以上根据截图的条件设置行背景
现在的问题是,当我单击并选择一行时,该行没有以任何方式突出显示。
开箱即用的表格将所选行背景设为灰色,如下所示: Example code sandbox
我想知道如何恢复所选行背景,如上面共享的演示中发生的那样。