antd - antd 表上的程序化过滤器触发器

Question

有没有办法以编程方式触发对 Antd 表列的过滤？

我正在构建一个自定义 Header ，它是一个独立样式的组件（因此，我showHeader={ false }在表格上设置了道具并使用我的自定义标头通过设置状态与表格进行通信）。我希望能够使用它来触发对表列的过滤。对于排序，我可以将一个值传递给sortOrderprop 并在外部触发 sorter 函数。然而，对于过滤，我没有任何明显的方法来触发过滤功能。

{
    title: 'Title',
    dataIndex: 'title',
    width: '40%',
    key: 'title',
    sorter: (a, b) => a.title.localeCompare(b.title),
    sortOrder: { this.state.columns['title'].sortOrder }
},
{
    title: 'Type',
    dataIndex: 'operation',
    key: 'defectType',
    width: '10%',
    filters: Object.keys(topicType).map(key => ({ text: topicType[key], value: key })),
    onFilter: (value, record) => String(value) === record.defectType
},

Answer 1

只是设法得到了这个数字。如果您想显式过滤表中的项目并自行管理过滤器状态；您需要filteredValue在列配置上传递道具。

将此设置为 null 会呈现整个列表而不进行过滤。