antd table 固定列自定义样式

如果你想要对固定列进行自定义样式，可以使用 `columns` 属性中 `fixed` 属性来指定哪些列是固定列，并在 `columns` 中对这些列的 `render` 方法中返回需要自定义样式的元素。

例如，假设你想对第一列进行自定义样式，可以这样写：

import { Table } from 'antd';

const columns = [
  {
    title: 'Name',
    dataIndex: 'name',
    key: 'name',
    fixed: 'left', // 指定该列为固定列
    render: (text, record) => (
      <span style={{ fontWeight: 'bold' }}>{text}</span> // 对该列返回需要自定义样式的元素
    ),
  },
  {
    title: 'Age',
    dataIndex: 'age',
    key: 'age',
  },
  // 其它列...
];

const data = [
  {
    key: '1',
    name: 'John Brown',
    age: 32,
  },
  // 其它行...
];

const App = () => {
  return <Table columns={columns} dataSource={data} scroll={{ x: 1000 }} />;
};

在上面的代码中，我们在 `columns` 中指定了第一列为固定列，并且在该列的 `render` 方法中返回了一个带有自定义样式的 `span` 元素。注意，我们还需要在 `Table` 组件中指定 `scroll` 属性，来使固定列生效。

你可以根据自己的需求，对固定列进行不同的自定义样式。