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

溥价 · 2025-6-6 18:28:37

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

这样就可以启用前端数据排序，仅限于当前页

<template>
<vxe-grid v-bind="gridOptions"></vxe-grid>
</template>

复制代码

多个字段排序

多字段排序通过 sort-config.multiple 来配置启用

<template>
<vxe-grid v-bind="gridOptions"></vxe-grid>
</template>

复制代码

服务端排序

通过配置 sort-config.remote 和 sort-change 事件，实现服务端排序

<template>
<vxe-grid v-bind="gridOptions"></vxe-grid>
</template>

复制代码

https://gitee.com/xuliangzhan/vxe-table

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

庞环 · 9 小时前

新版吗？好像是停更了吧。

账号		自动登录	找回密码
密码			立即注册

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

相关帖子

回复

浏览过的版块

签约作者

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

相关帖子

相关推荐

回复

浏览过的版块

签约作者