博客
关于我
react: antd 中 table 排序问题
阅读量:387 次
发布时间:2019-03-05

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

Antd  UI 框架。

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

正常 table 如下:

 

有排序的table如下:

 

注释)

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

 

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

 

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

 

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

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

父级页面

Search 页面

Table 页面

 

 

 

 

 

 

 

 

 

 

转载地址:http://blbzz.baihongyu.com/

你可能感兴趣的文章
Elasticsearch Web管理工具
查看>>
前端样式css问题记录
查看>>
Git 配置SSH公钥、私钥
查看>>
极客时间离线课堂
查看>>
Spring Session
查看>>
koa2 中间件里面的next到底是什么
查看>>
在create-react-app创建的项目下允许函数绑定运算符
查看>>
博客园新闻频道开始公开测试
查看>>
评论表聚集索引引起的评论超时问题
查看>>
博客园上海俱乐部4月份活动通知邀请函已经发出!
查看>>
上周热点回顾(5.24-5.30)
查看>>
Internet Explorer 10 专题上线
查看>>
云计算之路-阿里云上:0:25~0:40网络存储故障造成网站不能正常访问
查看>>
网站故障公告1:使用阿里云RDS之后一个让人欲哭无泪的下午
查看>>
上周热点回顾(12.31-1.6)
查看>>
上周热点回顾(1.21-1.27)
查看>>
上周热点回顾(6.3-6.9)
查看>>
上周热点回顾(8.12-8.18)
查看>>
【故障公告】升级阿里云 RDS SQL Server 实例故障经过
查看>>
蹒跚来迟:新版博客后台上线公测
查看>>