四种el-table的配置排序方式

一:sortable="custom" 和 @sort-change="sortChange"

如果需要后端排序,需将sortable设置为custom,同时在 Table

上监听sort-change事件,在事件回调中可以获取当前排序的字段名和排序顺序,从而向接口请求排序后的表格数据。

二::default-sort="{prop: 'salesVolume', order: 'descending'}"

通过 Table 的default-sort属性设置默认的排序列和排序顺序

三::sort-orders="'descending','ascending'"

传入一个数组,随着用户点击表头,该列依次按照数组中元素的顺序进行排序。数组中的元素需为以下三者之一:ascending表示升序,descending 表示降序,null 表示还原为原始顺序,

'ascending', 'descending', null

四:ref="table" ,this.$refs.table.sort('salesVolume','descending');

sort,手动对 Table 进行排序。参数prop属性指定排序列,order指定排序顺序。

相关推荐
小二·13 小时前
Prompt Engineering 高级技巧:CoT/ToT/ReAct 等进阶方法论实战
前端·react.js·prompt
chancygcx_13 小时前
前端框架React day1--React入门
前端·react.js·前端框架
quan_泉14 小时前
DIDCTF 取证初学者
java·服务器·前端
无风听海14 小时前
Promise 与 Async Await 深度解析
前端·javascript
牛奶14 小时前
AI 永远说好,于是我们只会说 yes
前端·aigc·ai编程
浩风祭月14 小时前
把前端项目的 CI 构建时间从 15 分钟压到了 2 分钟
前端·ai编程
牛奶14 小时前
黑客是怎么看到你数据的?
前端·安全·黑客
ihuyigui14 小时前
国际企业办公短信接口
前端·后端·架构
lpd_lt14 小时前
服务端类vue等页面AI测试方向
前端·vue.js·人工智能
AugustRed14 小时前
A2UI 完整学习指南(含 Java 后端 + 前端实战示例)
java·开发语言·前端