antd表

Question

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

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

{
    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将呈现整个列表而不进行过滤。