今天遇到了一个问题就是 使用react + antd 的proTable组件的列定义那里定义的排序,点击后只能对当前页的数据进行排列,怎样才能做到点击排序排列的是当前列的所有数据呢
问题描述:
今天遇到了一个问题就是 使用react + antd 的proTable组件的列定义那里定义的排序,点击后只能对当前页的数据进行排列,怎样才能做到点击排序排列的是当前列的所有数据呢
答
题主可以参考
表格 Table - Ant Design
展示行列数据。
https://ant.design/components/table-cn/#components-table-demo-ajax
这个示例,添加onChange事件用ajax将排序信息发到服务器,在服务器端进行排序后返回数据
答
首先,正常的做法不会将所有数据一次性都请求回来显示,而是配合分页,每次从后端只获取当前要显示的数据,比如一页10条,那每次就只会取10条数据,至于当前有多少数据,只是获取一下总数来做分页。那么相应的,如果要做所有数据的排序,那么只要让后端进行数据筛选排序即可,前端只负责组织请求数据。这样的话,你前端把逻辑想好了,数据让后端返回来即可。