el-table默认排序设置

1.给el-table标签加入属性:default-sort如下

javascript 复制代码
 <el-table
      :data="tableData"
      border
      style="width: 100%"
      v-loading="loading"
      :height="400"
      :default-sort="{ prop: 'operatingTime', order: 'descending' }"
    >

2.给el-table-column加入属性sortable,sort-orders如下

javascript 复制代码
 <el-table-column
        show-overflow-tooltip
        align="center"
        prop="operatingTime"
        label="出(入)库时间"
        width="180"
        :sortable="true"
        :sort-orders="['descending', 'ascending']"
      ></el-table-column>
相关推荐
niucloud-admin34 分钟前
web 端前端
前端
摘星编程3 小时前
React Native for OpenHarmony 实战:Linking 链接处理详解
javascript·react native·react.js
胖者是谁4 小时前
EasyPlayerPro的使用方法
前端·javascript·css
EndingCoder4 小时前
索引类型和 keyof 操作符
linux·运维·前端·javascript·ubuntu·typescript
liux35284 小时前
Web集群管理实战指南:从架构到运维
运维·前端·架构
沛沛老爹4 小时前
Web转AI架构篇 Agent Skills vs MCP:工具箱与标准接口的本质区别
java·开发语言·前端·人工智能·架构·企业开发
摘星编程5 小时前
React Native for OpenHarmony 实战:ImageBackground 背景图片详解
javascript·react native·react.js
小光学长5 小时前
基于Web的长江游轮公共服务系统j225o57w(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。
前端·数据库
摘星编程6 小时前
React Native for OpenHarmony 实战:Alert 警告提示详解
javascript·react native·react.js
Joe5566 小时前
vue2 + antDesign 下拉框限制只能选择2个
服务器·前端·javascript