Antd 表格怎么实现奇偶数背景颜色不一样

Antd 表格可以通过设置 `rowClassName` 属性来实现奇偶行背景色不同的效果。

具体实现步骤如下：

1. 在表格组件中设置 `rowClassName` 属性，值为一个回调函数，该函数接收一个参数 `record`，用于获取当前行的数据；

2. 在回调函数中，根据当前行的索引，判断奇偶性，返回对应的类名，通过设置该类名来实现背景色的不同。

下面是示例代码：

import { Table } from 'antd';

const dataSource = [
  { id: 1, name: '张三', age: 18 },
  { id: 2, name: '李四', age: 20 },
  { id: 3, name: '王五', age: 22 },
  { id: 4, name: '赵六', age: 24 },
];

const columns = [
  { title: 'ID', dataIndex: 'id', key: 'id' },
  { title: '姓名', dataIndex: 'name', key: 'name' },
  { title: '年龄', dataIndex: 'age', key: 'age' },
];

const rowClassName = (record, index) => {
  if (index % 2 === 0) {
    return 'even-row';
  } else {
    return 'odd-row';
  }
};

function App() {
  return (
    <Table dataSource={dataSource} columns={columns} rowClassName={rowClassName} />
  );
}

export default App;

在上面的代码中，我们定义了一个 `rowClassName` 回调函数，当行索引为偶数时，返回 `even-row` 类名，否则返回 `odd-row` 类名。我们可以通过 CSS 来定义这两个类名的背景色，从而实现奇偶行背景色不同的效果。