对整个分页的Antd表进行排序和筛选

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: '上海',
  },
  // 其他数据...
];

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

export default App;

const columns = [
  {
    title: '姓名',
    dataIndex: 'name',
    key: 'name',
  },
  {
    title: '年龄',
    dataIndex: 'age',
    key: 'age',
    sorter: (a, b) => a.age - b.age, // 自定义排序规则
  },
  {
    title: '地址',
    dataIndex: 'address',
    key: 'address',
  },
];

const columns = [
  {
    title: '姓名',
    dataIndex: 'name',
    key: 'name',
  },
  {
    title: '年龄',
    dataIndex: 'age',
    key: 'age',
    filters: [
      { text: '18+', value: '18' },
      { text: '20+', value: '20' },
    ],
    onFilter: (value, record) => record.age >= parseInt(value, 10), // 自定义筛选规则
  },
  {
    title: '地址',
    dataIndex: 'address',
    key: 'address',
  },
];