Reactjs 如何在antd表格组件上设置默认分拣机和过滤器?

Reactjs 如何在antd表格组件上设置默认分拣机和过滤器?,reactjs,antd,Reactjs,Antd,我使用ant design react组件来制作仪表板,并使用了一个工具,在那里我可以定义填充数据后过滤器和分类器的方式 如果我需要在ID列和环境列中应用默认排序(降序),我希望默认选择prod(默认情况下仅显示prod警报)。因为我在ant design网站上工作,所以我想知道是否有人知道这件事,并能帮我解决这个问题。如果你能与我分享,我愿意接受不同的方法 function onChange(pagination, filters, sorter) { console.log('pa

我使用ant design react组件来制作仪表板,并使用了一个工具,在那里我可以定义填充数据后过滤器和分类器的方式

如果我需要在
ID
列和环境列中应用默认排序(降序),我希望默认选择
prod
(默认情况下仅显示prod警报)。因为我在ant design网站上工作,所以我想知道是否有人知道这件事,并能帮我解决这个问题。如果你能与我分享,我愿意接受不同的方法

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 {  }

您可以传递默认的
排序器
值:这可以是
上升
下降
错误
;这将允许您设置默认排序顺序


就默认过滤器而言,您需要将
filteredValue
属性设置为@Panther上面提到的属性。

使用defaultSortOrder就像
defaultSortOrder:'down'

将'filteredValue'属性设置为所需列上的所需值。然后,当您获取结果时,将此值与请求一起发送,并获取过滤后的请求。上述操作对于第一次调用很好,但我希望这些仅用于首次加载,之后用户应能够根据自己的要求进行选择或排序。我正在调查这件事,但如果你知道的话,你可以告诉我。我面临着同样的问题。你找到解决办法了吗?