el-table自定义排序

table表格的数据需要根据某列，进行升序/降序的操作

sortable

el-table列属性，控制对应列是否可以排序，如果设置’custom’,则代表用户希望远程排序，需要监听table的sort-change事件

<template><el-table:data="tableData"@sort-change="sortChange":default-sort="{ prop: 'age', order: 'descending' }"borderref="table"style="width: 100%"height="252px"><el-table-column prop="index" label="排名" align="center" show-overflow-tooltip width="50"> </el-table-column><el-table-column prop="name" label="名称" align="center" show-overflow-tooltip> </el-table-column><el-table-column prop="serialNumber" label="编号" align="center" show-overflow-tooltip> </el-table-column><el-table-column prop="age" label="年龄" align="center" sortable="custom" show-overflow-tooltip> </el-table-column></el-table>
</template>
<script>export default {...methods:{//升序、降序处理sortChange ({ column, prop, order }) {if (order) {this.orderName = prop;this.orderMethod = order;} else {this.orderName = 'age';this.orderMethod = 'ascending';this.$refs.table.sort('age', 'ascending');}...},}}
</script>

el-table自定义排序相关推荐

NGUI中的Table自定义排序
写一个类,重写Sort方法,用自定义的比较器来自定义排序规则(例如:武将的排序,可以按国家.星级.等级排序) UITable 第123行 /// <summary> /// Want ...
vue+elementui 项目 table表格自定义排序规则
vue+elementui 项目 table表格自定义排序规则官方解释: 在列中设置 sortable 属性即可实现以该列为基准的排序,接受一个 Boolean,默认为 false.可以通过 Tab ...
elementUI table自定义表头弹框搜索，排序，显示tag标签
elementUI table自定义表头弹框搜索,排序,显示tag标签允许一种排序,多种搜索条件包括三种类别,添加了solt插槽,也可以自定义: 输入框[input] 多选[checkbox] 范 ...
layui 自定义排序_浅谈layui中table的sort排序
table模块是layui框架最核心的组成之一,它用于对表格进行一些列功能和动态化数据操作,本文介绍了layui中table的sort排序,解决了在我们使用sort排序时可能遇到的一些问题. 今天来谈 ...
先随机后排序的oracle,Oracle用decode函数或CASE-WHEN实现自定义排序
Oracle用decode函数或CASE-WHEN实现自定义排序 1 问题对SQL排序,只要在order by后面加字段就可以了,可以通过加desc或asc来选择降序或升序.但排序规则是默认的,数字 ...
创建自定义排序用户界面
简介显示大量已经按类别(不是很多)排序的数据但没有类别分界线,用户很难找到所需要的类别.例如,数据库中只有9个类别(8个不同的类别和1个null),共81种产品.现在用一个GridView列出所有产 ...
【EasyUI】DataGrid自定义排序
参考:EasyUI 自定义排序 - 官方文档 EasyUI 自定义排序示例如果默认的排序行为不满足您的需求,您可以自定义数据网格(datagrid)的排序行为. 最基础的,用户可以在列上定义一个排 ...
mysql自定义两个条件排序_使用MySQL中的两个不同列进行自定义排序？
为此,将ORDER BY子句与CASE语句一起使用.让我们首先创建一个表-mysql> create table DemoTable1610 -> ( -> Marks int, - ...
sql实现自定义排序
--创建表 Create TABLE Fruit (Name VARCHAR(50)); --插入数据 INSERT INTO Fruit (Name) VALUES ('A');INSERT INT ...
php 自定义排序,thinkphp6.0自定义排序order by field
相信很多时候我们需要有个自定义排序的功能,比如登录用户的点赞排序到第一位等等. ![](https://cdn.micuer.com/data/upload/avatar/20210128/1b7ad ...

el-table自定义排序

sortable

el-table自定义排序相关推荐

最新文章

热门文章