方法一:官方说明已修复,但其实目前问题还在
ProTable组件 rowClassName属性
rowClassName={(record, index) => (record.frequency === 1 ? 'bgUpload' : '')}
:global样式
//背景色变为红色
.ant-table-wrapper .bgUpload > td {
background-color: #fde1e1 !important;
}
仅ProTable支持 DragSortTable未支持
方法二:通过css has方法给父级设置样式
任意一列添加render方法
{
title: '名字',
key: 'name',
dataIndex: 'name',
width: 200,
render: (_, record) => {
const isUpload = record.hasOwnProperty('isUpload') && record?.isUpload === 1;
const spanClass = isUpload ? 'bgUpload' : 'bgDefault';
return <span className={spanClass}>{record?.colName}</span>;
},
},
:global样式
// 子级给父级设置样式
.ant-table-tbody tr:has(span.bgUpload) {
background-color: #fde1e1 !important;
}
.ant-table-tbody tr:has(span.bgDefault) {
background-color: #fff !important;
}