1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > el-table自定义排序

el-table自定义排序

时间:2023-01-20 04:19:26

相关推荐

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>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。