react: antd 中 table 排序问题
发布日期:2021-05-08 18:21:18 浏览次数:14 分类:精选文章

本文共 285 字,大约阅读时间需要 1 分钟。

Antd  UI 框架。

场景:table 的排充功能。多个列排序,清除的时候清除状态。Table 中有排序:只针对于当页数据。

正常 table 如下:

 

有排序的table如下:

 

注释)

    1、columns 中 sortOrder 指的是受控模式

 

    2、只支持同时对同一列进行排序,确保只有一个 sortOrder 有效果。

 

场景一:针对正常排序,可以理解为当前页码排序,可以前端自行操作。

 

场景二:针对所有数据的排序,那么需要把分页标识传给后端。

每个列对应每个列的 key 值。表示唯一。在同一列的时候,只有当前列有效。

父级页面

Search 页面

Table 页面

 

 

 

 

 

 

 

 

 

 

上一篇:优化:if else 代码优化
下一篇:使用:js 中 url 传参

发表评论

最新留言

路过按个爪印,很不错,赞一个!
[***.219.124.196]2025年04月04日 10时47分24秒