antdテーブルコンポーネントのデフォルトのソータとフィルタを設定するにはどうすればよいですか？

Question

私はダッシュボードを作成するためにant-design反応コンポーネントを使用していて、table componentを使用しています。ここでは、データが入力されたときのフィルターとソート方法を定義できます。

私はprodがデフォルトで選択させたいID列にし、環境の欄に（降順）デフォルトのソートを適用する必要性を持っている場合（デフォルトでのみPRODアラートを表示します）。 ant-designウェブサイトのI 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小道具を設定する必要があります。