antd 테이블 구성 요소에 기본 분류기 및 필터를 어떻게 설정합니까?

Question

대시 보드를 만들기 위해 개미 설계 반응 구성 요소를 사용하고 table component을 사용하여 데이터가 채워진 후 필터 및 분류기를 정의 할 수 있습니다.

내가 prod이 기본적으로 선택 할 ID 열 환경 열에 (내림차순) 정렬 기본을 적용 할 요구 사항이있는 경우 (기본적으로 만 자극 경고를 표시합니다). 개미 설계 웹 사이트에있는 can't ask usage question 이후, 누군가가이 사실을 알고 나를 도와 줄 수 있는지 알고 싶었습니다. 나는 당신이 공유 할 수 있다면 다른 접근 방식에 열려 있습니다. 당신은 기본적에게 sortOrder 값을 전달할 수 있습니다

>>> params Object { showQuickJumper: true, pageSize: 20, current: 1, total: 301 } Object { env: Array['prod'], incident_type: Array['loadChk'] } Object { } 

Answer 1

을 console.log에 대한

는

function onChange(pagination, filters, sorter) { 
    console.log('params', pagination, filters, sorter); 

    let order_by = sorter.field; 
    if (sorter.order == 'descend'){ 
     order_by = `-${order_by}`; 
     console.log(order_by); 
    } 

    let offset = ((pagination.current - 1) * pagination.pageSize); 
    let url = `${baseUrl}&offset=${offset}&ordering=${order_by}`; 
    this.fetchResults(url); 
} 

출력 :이 ascend, descend 또는 false 수있다; 기본 정렬 순서를 설정할 수 있습니다.

https://ant.design/components/table/#Column

는 지금까지 기본 필터가 간다, 당신은 @Panther은 위에서 언급 한 바와 같이 filteredValue 소품을 설정해야합니다.