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>
相关推荐
phltxy15 分钟前
Vue 核心特性实战指南:指令、样式绑定、计算属性与侦听器
前端·javascript·vue.js
Byron07071 小时前
Vue 中使用 Tiptap 富文本编辑器的完整指南
前端·javascript·vue.js
css趣多多1 小时前
地图快速上手
前端
zhengfei6112 小时前
面向攻击性安全专业人员的一体化浏览器扩展程序[特殊字符]
前端·chrome·safari
码丁_1172 小时前
为什么前端需要做优化?
前端
Mr Xu_2 小时前
告别硬编码:前端项目中配置驱动的实战优化指南
前端·javascript·数据结构
Byron07073 小时前
从 0 到 1 搭建 Vue 前端工程化体系:提效、提质、降本实战落地
前端·javascript·vue.js
哆啦code梦3 小时前
前端存储三剑客:localStorage、sessionStorage与Cookie解析
前端·前端存储
zhengfei6113 小时前
【AI平台】- 基于大模型的知识库与知识图谱智能体开发平台
vue.js·语言模型·langchain·知识图谱·多分类
徐小夕@趣谈前端3 小时前
Web文档的“Office时刻“:jitword共建版2.0发布!让浏览器变成本地生产力
前端·数据结构·vue.js·算法·开源·编辑器·es6