用户登录
用户注册

分享至

ant design pro中可控的筛选和排序实例

  • 作者: 五毛39649747
  • 来源: 51数据库
  • 2021-08-23

我就废话不多说了,大家还是直接看代码吧~

未排序

名字排序

名字排序

年龄排序

年龄排序

地址排序

地址排序

条件筛选

条件筛选

补充知识:ant design中外部控制table组件的sorter(后端真分页,排序)

问题描述

用户当前列表页跳转至其他页面,返回后丢失排序记录,或者想通过其他按钮控制列表的排序解决方案

定义自己的pagination,继承tablepaginationconfig

分页数据来源于model控制的prop,

页面渲染时判断是否需要排序

表格点击排序或分页的响应事件

行属性配置

表格组件

完整代码

以上这篇ant design pro中可控的筛选和排序实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

软件
前端设计
程序设计
Java相关