Protable ProColumns 查询条件和输入框配置 - Ant Design Pro
Protable ProColumns 可以通过配置 `search` 属性来设置查询条件和输入框的覆盖。\n\n示例代码如下:\n\ntsx\nimport { ProTable, ProColumns } from '@ant-design/pro-table';\n\nconst columns: ProColumns<YourDataType>[] = [\n // 其他列配置...\n {\n title: '姓名',\n dataIndex: 'name',\n search: false, // 设置为 false,表示不显示查询条件和输入框\n },\n {\n title: '年龄',\n dataIndex: 'age',\n valueType: 'number',\n search: {\n valueType: 'number', // 设置查询条件和输入框的类型为数字\n },\n },\n];\n\nconst YourComponent: React.FC = () => {\n return (\n <ProTable<YourDataType>\n columns={columns}\n // 其他配置...\n />\n );\n};\n\n\n在上面的示例中,`columns` 数组中的第一个列配置中将 `search` 属性设置为 `false`,表示不显示查询条件和输入框。第二个列配置中设置了 `search` 属性为一个对象,其中 `valueType` 设置为 `'number'`,表示查询条件和输入框的类型为数字。
原文地址: https://www.cveoy.top/t/topic/pyzT 著作权归作者所有。请勿转载和采集!