Antd  UI 框架。

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

正常 table 如下:

react 中 排序问题

 

有排序的table如下:

 

注释)

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

 

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

 

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

 

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

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

父级页面

Search 页面

Table 页面

react 中 排序问题

react 中 排序问题

react 中 排序问题

react 中 排序问题

react 中 排序问题

react 中 排序问题

react 中 排序问题

react 中 排序问题

react 中 排序问题

 

 

 

 

 

 

 

 

 

 

相关文章:

  • 2021-06-12
  • 2021-12-04
  • 2021-12-15
  • 2021-12-25
  • 2021-11-14
猜你喜欢
  • 2022-03-04
  • 2021-12-15
  • 2022-01-07
  • 2022-03-05
  • 2022-12-23
  • 2021-05-06
相关资源
相似解决方案