ProTable 查询参数设置指南

ProTable 组件的 search 配置项可以用来设置查询参数。search 配置项是一个对象，可以包含以下属性：

label: 查询参数的标签文本
name: 查询参数的字段名
type: 查询参数的类型，可以是 'input' (文本输入框)、'select' (下拉框) 等
initialValue: 查询参数的初始值
rules: 查询参数的校验规则

添加文本输入框查询参数

例如，要添加一个文本输入框查询参数，可以设置 search 配置项如下：

const searchConfig = {
  label: '姓名',
  name: 'name',
  type: 'input',
  initialValue: '',
  rules: [
    {
      required: true,
      message: '请输入姓名',
    },
  ],
};

然后，在 ProTable 组件的 columns 配置项中，使用 search 配置项来设置查询参数：

const columns = [
  // 其他列配置项
  {
    title: '姓名',
    dataIndex: 'name',
    search: searchConfig,
  },
];

这样就添加了一个名为“姓名”的文本输入框查询参数。

添加下拉框查询参数

你可以根据需要添加更多的查询参数，例如下拉框查询参数。

const searchConfig = {
  label: '状态',
  name: 'status',
  type: 'select',
  initialValue: 'active',
  options: [
    { label: '激活', value: 'active' },
    { label: '禁用', value: 'disabled' },
  ],
};

更多 ProTable 的配置项和用法，请参考官方文档：https://protable.ant.design/