antd表上的編程過濾器觸發器

Question

有沒有辦法以編程方式在Antd表列上觸發過濾？我正在構建一個自定義的Header，這是一個獨立的樣式組件（所以，我在桌子上設置了道具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會呈現整個列表而不進行過濾。