antdテーブルのプログラムフィルタトリガー

Question

Antd Table Columnsでプログラムによってトリガをトリガする方法はありますか？

スタンドアロン型のコンポーネントであるカスタムヘッダーを作成しています（つまり、テーブルに小道具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に設定すると、フィルタリングなしでリスト全体がレンダリングされます。