antd Table表格加斑马线

要为Antd Table表格添加斑马线，可以使用Table组件的`rowClassName`属性。`rowClassName`是一个函数，接收一个参数`record`，表示当前行的数据对象，需要返回一个字符串，表示当前行的CSS类名。可以根据当前行的索引来判断是否为奇数行或偶数行，从而为不同的行添加不同的CSS类名。

以下是一个示例代码：

import { Table } from 'antd';

const dataSource = [
  { id: 1, name: 'John' },
  { id: 2, name: 'Mike' },
  { id: 3, name: 'Lucy' },
  { id: 4, name: 'Amy' },
];

const columns = [
  { title: 'ID', dataIndex: 'id', key: 'id' },
  { title: 'Name', dataIndex: 'name', key: 'name' },
];

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

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

在上面的代码中，我们定义了一个`rowClassName`函数，根据当前行的索引来返回`even-row`或`odd-row`，表示偶数行或奇数行。然后将该函数传递给`Table`组件的`rowClassName`属性，即可为表格添加斑马线。需要注意的是，需要在CSS中定义`.even-row`和`.odd-row`类名，以设置不同行的样式。