elment表格sort-method自定义排序功能

点击排序箭头来调取接口进行数据排序

在el-table表格中写入
点击事件
@sort-change=“changeTableSort”
默认以什么单位进行倒序还是顺序排序，prop对应这字段
:default-sort = “{prop: ‘ptuid’, order: 'ascending '}”
在表格中要写入 :sortable="‘custom’"

<el-table borderstripev-loading="loading" ref="multipleTable" :data="tableData"@selection-change="handleSelectionChange"tooltip-effect="dark" style="width: 100%":default-sort = "{prop: 'ptuid', order: 'ascending '}"@sort-change="changeTableSort"><el-table-column type="selection" width="50"></el-table-column><el-table-column prop="ptuid" label="编号" width="70" :sortable="'custom'"></el-table-column><el-table-column prop="pocketcode" label="垃圾袋二维码" ></el-table-column><el-table-column prop="username" label="用户姓名" ></el-table-column><el-table-column prop="ptutime" label="时间" :sortable="'custom'"></el-table-column> </el-table>

在方法里点击方法中
打印出item
有order是降序还是升序，prop是所点击的字段名字。然后就可以根据名字还是order还进行判断排序

changeTableSort(item){let that = thisif(item.order == "ascending"){that.daoxun = 'false'}else if(item.order == "descending"){that.daoxun = 'true'}if(item.prop == "ptuid"){that.paixu = 0;}else if(item.prop == "ptutime"){that.paixu = 1;}},

elment表格sort-method自定义排序功能相关推荐

sort函数自定义排序
sort函数自定义排序咳咳,自定义排序说实话用的地方还是很多的,像ACM里面,天梯赛里面,特别是天梯,必出这玩意...咳咳,水点字数,咱继续. 首先哈,我们来看一下c++自带的排序: 可以看出哈,默 ...
python中使用operator.itemgetter（）函数实现excel的自定义排序功能
使用工具为vscode,python预处理csv数据,先将其转化为list,如图这里是一个[ [x1,x2,x3...],[y1,y2,y3...],... ]格式的嵌套数组,那么如何将其先按第一列 ...
layui数据表格自带的排序功能
控制器 // 获取前端传来的排序字段 $field = $request->get('field'); $order = $request->get('order'); if ($fiel ...
spring boot 实现自定义排序功能
效果图: 在文本框中输入值,触发失焦事件,根据正序或是倒序进行排序(dao层中的SQL语句) 首先在数据库的表中新建一列 HTML界面添加文本框代码如下: <input type=" ...
layui表格排序扩展自定义排序规则
layui框架表格只支持数字排序,不能支持自定义排序,于是自己修改table.js模块源码增加了自定义排序功能最开始研究修改的是layui2.1.2版本的 table.js 由于项目用的是layui ...
C++中sort排序之自定义排序cmp（入门）
咳咳,第一次写这种博客,介绍一下sort的自定义排序cmp函数: sort和cmp的实现需要的头文件有: #include<algorithm> using namespace std; ...
java 自定义对象排序,使用自定义排序顺序对对象的ArrayList进行排序
问题我希望为我的地址簿应用程序实现一个排序功能. 我想排序anArrayList contactArray.Contact是一个包含四个字段的类:名称,家庭电话号码,手机号码和地址.我想排序name ...
降序排序_新手需要掌握的Excel排序功能都在这儿了！
排序,真的是一个很基础的功能. 如果还不知道排序的话,可能仅仅是用Excel来做数据录入了. 但是排序真的又不是一个简单的功能,能全部了解其中细节的人真的不多,今天分享关于排序的内容,不讲太深,仅仅是 ...
SAP UI5 应用开发教程之六十四 - 基于 OData V4 的 SAP UI5 表格控件如何实现 filter(过滤) 和 sort(排序)功能试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

elment表格sort-method自定义排序功能

elment表格sort-method自定义排序功能相关推荐

最新文章

热门文章