欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-24 09:03:00
我就废话不多说了,大家还是直接看代码吧~未排序名字排序名字排序年龄排序年龄排序地址排序地址排序条件筛选条件筛选补充知识:ant design中外部控制table组件的sorter(后端真分页,排序)问...

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

未排序

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

名字排序

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

名字排序

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

年龄排序

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

年龄排序

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

地址排序

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

地址排序

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

条件筛选

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

条件筛选

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

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

问题描述

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

定义自己的pagination,继承tablepaginationconfig

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

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

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

行属性配置

表格组件

完整代码

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