登录
/
注册
首页
论坛
其它
首页
科技
业界
安全
程序
广播
Follow
关于
导读
排行榜
资讯
发帖说明
登录
/
注册
账号
自动登录
找回密码
密码
登录
立即注册
搜索
搜索
关闭
CSDN热搜
程序园
精品问答
技术交流
资源下载
本版
帖子
用户
软件
问答
教程
代码
写记录
写博客
小组
VIP申请
VIP网盘
网盘
联系我们
发帖说明
道具
勋章
任务
淘帖
动态
分享
留言板
导读
设置
我的收藏
退出
腾讯QQ
微信登录
返回列表
首页
›
业界区
›
业界
›
vxe-table grid 使用服务端排序、多字段排序 ...
vxe-table grid 使用服务端排序、多字段排序
[ 复制链接 ]
溥价
2025-6-6 18:28:37
猛犸象科技工作室:
网站开发,备案域名,渗透,服务器出租,DDOS/CC攻击,TG加粉引流
在 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
来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
排序
vxe
table
grid
使用
相关帖子
Avalonia源码解读:Grid(网格控件)
追踪链路--使用iptables/ipvs来记录后端pod真实ip
还在痛苦前端的拖拽排序吗?SortableJS 轻松搞定
使用Python免费合并PDF文件
vue 甘特图 vxe-gantt table 依赖线的使用,配置连接线
使用DNGuard加密并打包C# .NET Core程序为单一EXE文件
最小二乘问题详解9:使用Ceres求解非线性最小二乘
vue 甘特图 vxe-gantt table 连接线的用法教程
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
照妖镜
相关推荐
业界
Avalonia源码解读:Grid(网格控件)
0
383
思矿戳
2025-12-17
业界
追踪链路--使用iptables/ipvs来记录后端pod真实ip
0
800
硫辨姥
2025-12-17
业界
还在痛苦前端的拖拽排序吗?SortableJS 轻松搞定
0
151
啦迩
2025-12-18
安全
使用Python免费合并PDF文件
0
598
洪势
2025-12-18
代码
vue 甘特图 vxe-gantt table 依赖线的使用,配置连接线
0
299
娄静曼
2025-12-18
安全
使用DNGuard加密并打包C# .NET Core程序为单一EXE文件
1
741
嫁吱裨
2025-12-19
业界
最小二乘问题详解9:使用Ceres求解非线性最小二乘
0
493
挚魉
2025-12-19
代码
vue 甘特图 vxe-gantt table 连接线的用法教程
0
201
零幸
2025-12-19
回复
(5)
庞环
2025-11-5 02:15:57
回复
使用道具
举报
照妖镜
猛犸象科技工作室:
网站开发,备案域名,渗透,服务器出租,DDOS/CC攻击,TG加粉引流
新版吗?好像是停更了吧。
舒娅友
2025-12-1 02:41:36
回复
使用道具
举报
照妖镜
猛犸象科技工作室:
网站开发,备案域名,渗透,服务器出租,DDOS/CC攻击,TG加粉引流
喜欢鼓捣这些软件,现在用得少,谢谢分享!
眩疝诺
2025-12-2 09:15:08
回复
使用道具
举报
照妖镜
猛犸象科技工作室:
网站开发,备案域名,渗透,服务器出租,DDOS/CC攻击,TG加粉引流
鼓励转贴优秀软件安全工具和文档!
劳暄美
2025-12-4 22:21:33
回复
使用道具
举报
照妖镜
程序园永久vip申请,500美金$,无限下载程序园所有程序/软件/数据/等
不错,里面软件多更新就更好了
怀陶宁
2025-12-8 16:05:04
回复
使用道具
举报
照妖镜
猛犸象科技工作室:
网站开发,备案域名,渗透,服务器出租,DDOS/CC攻击,TG加粉引流
懂技术并乐意极积无私分享的人越来越少。珍惜
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
回复
本版积分规则
回帖并转播
回帖后跳转到最后一页
浏览过的版块
代码
安全
签约作者
程序园优秀签约作者
发帖
溥价
2025-12-8 16:05:04
关注
0
粉丝关注
21
主题发布
板块介绍填写区域,请于后台编辑
财富榜{圆}
3934307807
991124
anyue1937
9994891
kk14977
6845357
4
xiangqian
638210
5
韶又彤
9997
6
宋子
9982
7
闰咄阅
9993
8
刎唇
9993
9
俞瑛瑶
9998
10
蓬森莉
9950
查看更多
今日好文热榜
444
热点 Key 与大 Key 治理——识别、拆分、预
641
Media Extended
319
vlookup的终结者splookup,9个案例讲透查询
846
ROS2之Launch介绍
883
精选 8 个 .NET 开发实用的类库,效率提升
78
精选 8 个 .NET 开发实用的类库,效率提升
568
精选 8 个 .NET 开发实用的类库,效率提升
138
精选 8 个 .NET 开发实用的类库,效率提升
112
精选 8 个 .NET 开发实用的类库,效率提升
609
alist如何将默认布局设置为图片布局
1011
Kali2025.4+Cherry Studio一键配置HexStrik
419
PHP 之高级面向对象编程 深入理解设计模式
416
PHP 之高级面向对象编程 深入理解设计模式
572
升级curl版本,及升级后引起的动态库链接不
295
2025年GEO优化服务商全景对比:五大核心维
779
AI Agent详解
983
Buildah 简明教程:让镜像构建更轻量,告别
610
OceanBase 在滴滴大规模运维经验以及新功能
975
[CSS+]HTML Learn Data Day 2
96
掌握相关性分析:读懂数据间的“悄悄话”