如何在antd表组件上设置默认排序器和过滤器？

Question

我正在使用ant-design react组件制作仪表板，并使用了表格组件，在其中可以定义一旦填充数据后如何使用过滤器和排序器。

如果有要求，我想在ID列和环境列上应用默认排序（降序），那么我希望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 {  }

Answer 1

使用defaultSorder 类似defaultSortOrder: 'descend'

Answer 2

您可以传递一个默认sortOrder值：这可以是ascend,descend或false; 这将允许您设置默认排序顺序。

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

就默认过滤器而言，您需要filteredValue像@Panther 上面提到的那样设置道具。