antdv a-table 修改行背景颜色

要修改 antd 的 `Table` 组件中某行的背景颜色，可以通过 `rowClassName` 属性来实现：

import { Table } from 'antd';

const dataSource = [
  { id: 1, name: 'John', age: 32 },
  { id: 2, name: 'Mike', age: 28 },
  { id: 3, name: 'Lucy', age: 24 },
];

const rowClassName = (record, index) => {
  // 返回行的 class 名称
  if (record.id === 2) {
    // 当 id 等于 2 时，将该行的背景颜色修改为红色
    return 'row-red';
  }
  return '';
};

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

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

export default Demo;

在上面的例子中，我们定义了一个 `rowClassName` 函数，该函数接收两个参数：`record` 和 `index`。`record` 表示当前行的数据，`index` 表示当前行的索引。我们可以根据 `record` 中的某个字段的值来判断是否需要修改该行的背景颜色。在本例中，当 `record.id` 等于 2 时，我们将该行的背景颜色修改为红色。最后，将 `rowClassName` 函数绑定到 `Table` 组件的 `rowClassName` 属性上即可。