import s from './index.less';
//表格代码
<Table
dataSource={formData}
columns={columns}
pagination={false}
rowClassName={getRowClassName} //改变某一行的背景颜色
/>
// 方法
const getRowClassName = (record) => {
if (record.status === "1") { // 根据这一行的状态,改变不同的颜色
return `${s.warning}`; // 加 s. 是因为上面引入的问题
} else {
return '';
}
};
// css
.warning {
background: #f0f2f5;
}
效果图: