Ant设计获取列索引

import { Table } from 'antd';

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

const data = [
  {
    key: '1',
    name: '张三',
    age: 18,
    address: '北京',
  },
  {
    key: '2',
    name: '李四',
    age: 20,
    address: '上海',
  },
];

const App = () => {
  const handleHeaderCell = (column, index) => {
    // 在这里可以获取到列的索引值
    console.log('列索引：', index);
    return {
      onClick: () => {
        // 点击表头单元格的事件处理
      },
    };
  };

  return (
    <Table
      columns={columns}
      dataSource={data}
      onHeaderCell={handleHeaderCell}
    />
  );
};

export default App;