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>
相关推荐
小月土星1 小时前
React Router 前端路由深度解析:从传统后端路由到现代 SPA 的完整演进
前端
程序员黑豆2 小时前
鸿蒙开发 Navigation 路由教程:从入门到实战
前端·harmonyos
烬羽3 小时前
React Router v7 完全指南:一个 Demo 吃透前端路由
javascript·react.js·前端框架
烬羽4 小时前
从"整个页面刷新"到"丝滑切换":手写一个 HashRouter 彻底搞懂前端路由
javascript·前端框架·全栈
用户938515635074 小时前
从零理解 React Router v6:每一个 API 都是怎么工作的
前端·javascript·全栈
用户059540174466 小时前
Redis缓存回滚踩坑实录:一个配置失误,让我在凌晨3点丢了3000条数据
前端·css
kyriewen7 小时前
别再这样写条件渲染了——你的React组件里藏着这5种定时炸弹
前端·javascript·react.js
IT_陈寒7 小时前
Redis缓存击穿把我坑惨了,原来这样设过期时间才靠谱
前端·人工智能·后端
用户938515635077 小时前
从"坐电梯"到"前端路由"——深入理解 Hash 路由原理
前端·typescript·全栈
梦想CAD控件8 小时前
网页端CAD的图形选择、编辑与夹点操作教程
前端·javascript·node.js