在蚂蚁设计中使用带有ProTable的过滤器

import { ProTable, ProFormSelect } from '@ant-design/pro-table';
import { Form } from 'antd';

const columns = [
  {
    title: '姓名',
    dataIndex: 'name',
  },
  {
    title: '年龄',
    dataIndex: 'age',
  },
  // 其他列配置...
];

const dataSource = [
  {
    name: '张三',
    age: 20,
  },
  {
    name: '李四',
    age: 25,
  },
  // 其他数据...
];

const filterConfig = [
  {
    label: '年龄',
    dataIndex: 'age',
    valueType: 'select',
    fieldProps: {
      mode: 'multiple',
    },
    initialValue: [],
    valueEnum: {
      20: '20岁',
      25: '25岁',
      // 其他选项...
    },
  },
  // 其他过滤器配置...
];

const FilterForm = () => {
  const [form] = Form.useForm();

  return (
    <ProTable
      columns={columns}
      dataSource={dataSource}
      search={false}
      form={form}
      toolBarRender={() => [
        <Form form={form} key="form">
          <ProFormSelect
            name="age"
            label="年龄"
            options={[
              { label: '20岁', value: 20 },
              { label: '25岁', value: 25 },
              // 其他选项...
            ]}
          />
        </Form>,
      ]}
    />
  );
};