这是一个已知的问题,可以通过以下代码示例来解决:
首先,在 columns
属性中添加一个 filters
属性:
const columns = [
{
title: 'Name',
dataIndex: 'name',
key: 'name',
filters: [
{ text: 'Joe', value: 'Joe' },
{ text: 'Jim', value: 'Jim' },
{ text: 'Submenu', value: 'Submenu', children: [
{ text: 'Green', value: 'Green' },
{ text: 'Black', value: 'Black' },
]},
],
onFilter: (value, record) => record.name.indexOf(value) === 0,
},
...
];
然后,在 Table 组件中添加 onChange
属性,并在回调函数中更新筛选器的值:
const MyTable = () => {
const [filters, setFilters] = useState({});
const handleTableChange = (pagination, filters, sorter) => {
setFilters(filters);
};
return (
);
};
最后,在 reset 按钮的 onClick
事件中清除筛选器的值:
const MyTable = () => {
const [filters, setFilters] = useState({});
const handleTableChange = (pagination, filters, sorter) => {
setFilters(filters);
};
const handleReset = () => {
setFilters({});
};
return (
);
};
这段代码中的 `ResetFilterButton
上一篇:antd3.26.19中的mapPropsToFields和Form验证
下一篇:antd4的DatePicker在React18中出现了一些问题,展示出来了但是不能够选择,甚至会导致程序死机。请问这可能是什么问题?有哪些解决方法或者替代方案?