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

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

Antd  UI 框架。

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

正常 table 如下:

 

有排序的table如下:

 

注释)

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

 

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

 

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

 

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

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

父级页面

Search 页面

Table 页面

 

 

 

 

 

 

 

 

 

 

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

你可能感兴趣的文章
【单片机开发】智能小车工程(经验总结)
查看>>
【单片机开发】基于stm32的掌上游戏机设计 (项目规划)
查看>>
C++&&STL
查看>>
微信js-sdk使用简述(分享,扫码功能等)
查看>>
c++中ifstream及ofstream超详细说明
查看>>
web项目配置
查看>>
基于单片机简易信号误差分析设计-全套资料
查看>>
基于单片机简易脉搏测量仪系统设计-毕设课设资料
查看>>
Javascript中String支持使用正则表达式的四种方法
查看>>
Servlet2.5的增删改查功能分析与实现------删除功能(四)
查看>>
spring启动错误:Could not resolve placeholder
查看>>
invalid byte sequence for encoding
查看>>
技术美术面试问题整理
查看>>
ORB-SLAM2:LoopClosing线程学习随笔【李哈哈:看看总有收获篇】
查看>>
Codeforces Round #305 (Div. 1) B. Mike and Feet(单调栈)
查看>>
js求阶乘
查看>>
Making the grade 和Sonya and Problem Wihtout a Legend
查看>>
Nginx---惊群
查看>>
项目中常用的审计类型概述
查看>>
(九)实现页面底部购物车的样式
查看>>