table 设置奇偶行颜色不一样
// 设置奇偶行颜色
const setRowClassName = (record, index) => {
let rowColor = index % 2 === 0 ? '' : styles.even; //判断单双行,赋予不同样式
return rowColor
};
<Table
rowKey={(record) => `${record.id}${Math.random()}`}
columns={columns}
dataSource={list}
rowClassName={setRowClassName} //设置行颜色
></Table>
.even {
background: rgba(240, 242, 244, 0.9);
border-radius: 6px;
}