react antd 中table使用rowClassName实现行样式添加背景色的操作步骤

可以通过以下步骤实现在 Ant Design 中的 Table 组件中添加行样式背景色：

1. 在 Table 组件中添加 rowClassName 属性，该属性值为一个函数，函数接收当前行数据作为参数，返回需要添加的类名。

<Table
  rowClassName={(record, index) => {
    if (index % 2 === 0) {
      return 'even-row';
    } else {
      return 'odd-row';
    }
  }}
  dataSource={dataSource}
  columns={columns}
/>

2. 在 CSS 样式中定义需要添加的类名的样式。

.even-row {
  background-color: #f5f5f5;
}

.odd-row {
  background-color: #fff;
}

3. 通过样式定义来实现不同样式的行背景色。

<Table
  rowClassName={(record, index) => {
    if (record.status === 'success') {
      return 'success-row';
    } else if (record.status === 'error') {
      return 'error-row';
    } else {
      return '';
    }
  }}
  dataSource={dataSource}
  columns={columns}
/>

.success-row {
  background-color: #a5d6a7;
}

.error-row {
  background-color: #ffcdd2;
}