饿了么table后台排序以及分页问题

首先,官网是这么说的
饿了么table后台排序以及分页问题_第1张图片
不需要后台的排序很简单,就不说了,接下来说一下对接后台的排序以及分页问题

首先在table上写一个 sort-change 事件,指向一个函数 sortChange
然后在需要排序的列上面写上 sortable=‘custom’
在这里插入图片描述
sort-change方法自带三个参数,分别代表意义是:
column:当前列
prop:当前列需要排序的数据
order:排序的规则(升序、降序)

下面是 sortChange 函数
点击对应的字段名以及升序或降序,将对应的参数发送ajax传到后台即可
饿了么table后台排序以及分页问题_第2张图片
至于分页的问题,只要换页的时候将排序的条件还一并传到后台即可,
这样就会保证相同的排序条件下只改变页码

你可能感兴趣的:(前端)