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;
}
posted @ 2024-10-11 11:27  暖暖De幸福  阅读(7)  评论(0编辑  收藏  举报