antd 테이블의 프로그래밍 필터 트리거

Question

Antd 테이블 열에서 프로그래밍 방식으로 필터링을 트리거하는 방법이 있습니까?

독립형 스타일의 구성 요소 인 사용자 정의 헤더를 구축하고 있습니다 (따라서, 테이블에 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로 설정하면 필터링없이 전체 목록이 렌더링됩니다.