如何在antd表組件上設置默認分類器和過濾器？

我正在使用ant設計反應組件來製作儀表板，並使用了一個table component，我可以在其中定義過濾器和分揀機在填充數據時的方式。如何在antd表組件上設置默認分類器和過濾器？

如果有，我想申請默認的排序上ID列和環境柱（降序）我想prod被默認選中的要求（顯示在默認情況下只有督促警報）。由於我在螞蟻設計網站上的can't ask usage question，我想知道是否有人知道它，並可以幫助我。如果您可以分享，我可以採用其他方法。

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); 
}

輸出的console.log

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

來源

2017-04-01 Manjit Kumar

將'filteredValue' prop設置爲所需列上的期望值。然後，當您獲取結果時，請將此值與請求一起發送並獲取過濾的請求。 – Panther

上述提到的作品適用於第一次通話，但我希望這些作品僅適用於初次加載，之後用戶應能夠按照他的要求進行選擇或排序。我正在考慮這一點，但如果你知道你可以指出我。 –

可以傳遞默認的sortOrder值：這可以是ascend，descend或false;這將允許您設置默認的排序順序。

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

至於默認篩選器的話，你需要設置filteredValue道具作爲@Panther已如上所述。

來源

2017-04-06 00:51:12 Sanjay

如何在antd表組件上設置默認分類器和過濾器？

回答

相關問題