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

Question

我正在使用ant-design react组件制作仪表板，并使用table component我可以在数据填充后定义过滤器和分拣机的方式。

如果要求我在(gdb) c Continuing. process 21439 is executing new program: /bin/bash 列和环境列中应用默认排序（降序），我希望默认选择ID（默认情况下仅显示prod警报）。自从我在蚂蚁设计网站上can't ask usage question以来，我想知道是否有人知道它并且可以帮助我。如果你能分享，我愿意接受不同的方法。

prod

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

Answer 1

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

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

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

Answer 2

使用{strong> defaultSortOrder ，例如defaultSortOrder: 'descend'