Antd  UI 框架。

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

正常 table 如下:

react 中 排序问题

 

有排序的table如下:

 

注释)

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

 

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

 

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

 

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

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

父级页面

Search 页面

Table 页面

react 中 排序问题

react 中 排序问题

react 中 排序问题

react 中 排序问题

react 中 排序问题

react 中 排序问题

react 中 排序问题

react 中 排序问题

react 中 排序问题

 

 

 

 

 

 

 

 

 

 

相关文章: