找回密码
 立即注册
首页 业界区 业界 vxe-table grid 使用服务端排序、多字段排序 ...

vxe-table grid 使用服务端排序、多字段排序

溥价 前天 18:28
在 vxe-table 使用排序功能非常简单,给列加上 columns.sortable 属性就可以启用列的排序功能,当然这是本地排序,就是对当前已加载过当前页的数据进行排序。对于查询列表列表,项目中使用最多的是服务端排序,因为大部分都涉及分页。
前端排序

这样就可以启用前端数据排序,仅限于当前页
1.png
  1. <template>
  2.   
  3.     <vxe-grid v-bind="gridOptions"></vxe-grid>
  4.   
  5. </template>
复制代码
多个字段排序

多字段排序通过 sort-config.multiple 来配置启用
  1. <template>
  2.   
  3.     <vxe-grid v-bind="gridOptions"></vxe-grid>
  4.   
  5. </template>
复制代码
服务端排序

通过配置 sort-config.remote 和 sort-change 事件,实现服务端排序
3.gif
  1. <template>
  2.   
  3.     <vxe-grid v-bind="gridOptions"></vxe-grid>
  4.   
  5. </template>
复制代码
https://gitee.com/xuliangzhan/vxe-table

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
您需要登录后才可以回帖 登录 | 立即注册