ant design pro中可控的筛选和排序实例
程序员文章站
2024-01-02 15:57:40
我就废话不多说了,大家还是直接看代码吧~未排序名字排序名字排序年龄排序年龄排序地址排序地址排序条件筛选条件筛选补充知识:ant design中外部控制table组件的sorter(后端真分页,排序)问...
我就废话不多说了,大家还是直接看代码吧~
未排序
名字排序
名字排序
年龄排序
年龄排序
地址排序
地址排序
条件筛选
条件筛选
补充知识:ant design中外部控制table组件的sorter(后端真分页,排序)
问题描述
用户当前列表页跳转至其他页面,返回后丢失排序记录,或者想通过其他按钮控制列表的排序解决方案
定义自己的pagination,继承tablepaginationconfig
分页数据来源于model控制的prop,
页面渲染时判断是否需要排序
表格点击排序或分页的响应事件
行属性配置
表格组件
完整代码
以上这篇ant design pro中可控的筛选和排序实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。