溥价 发表于 前天 18:28

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

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

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

<template>

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

</template>多个字段排序

多字段排序通过 sort-config.multiple 来配置启用
https://img2024.cnblogs.com/blog/3563285/202411/3563285-20241128110708607-1269978987.png
<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

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: vxe-table grid 使用服务端排序、多字段排序