序： 最近项目试用Ant Design Pro开发框架，记录开发过程中的一些经验，以帮助遇到相同问题的同学快速解决日常开发。

ProTable 如何修改搜索输入框为Select下拉框

刚接触试用ProTable的时候，还是挺惊艳的，短短几行代码，把表格的列表、翻页、工具栏、搜索等全封装实现了。如下：

但是高度封装简单易用的组件，意味着大量的参数设置，官方文档也不是每个参数用法都介绍得非常详细的。那么就需要用户自己摸索觉悟了。

例如，如何将自动生成的状态组件，设置为下拉框？

默认情况下，column如下设置的列数据默认为text文本类型，默认生成的搜索框为输入框。

{
    title: '状态',
    dataIndex: 'performStatus',
    width: 100,
}

服务端一般给到的是number类型的枚举值，列表中可以用render方法去设置对应的文本显示。那么搜索框如何改成select类型的呢？通过文档查阅，最终在官网查到valueType和valueEnum字段。

{
    title: '状态',
    dataIndex: 'performStatus',
    width: 100,
    valueType: 'select',
    valueEnum: {
      1: { text: '待履约' },
      3: { text: '履约成功' },
      4: { text: '履约失败' },
    },
}

如图，重定义column类型和枚举后，ProTable组件即展示枚举值对应的文本信息，并将搜索组件自动设置为Select下拉框。

设置成功！