技术栈

el-table默认排序设置

阿奇__2025-10-24 15:27

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>
上一篇:在 R 医学数据分析中,关于 RStudio 和 VSCode 哪个效率更高
相关推荐
hongc93
4 小时前
element-ui el-table 设置固定列fixed 高度不对
前端·vue.js·elementui
Forfun_tt
4 小时前
xss-labs pass-12
前端·xss
云枫晖
5 小时前
Webpack系列-编译过程
前端·webpack
AskHarries
5 小时前
Toolhub — 一个干净实用的在线工具集合
前端·后端
H尗
5 小时前
Vue3响应式系统的精妙设计:深入理解 depsLength 与 trackId 的协同艺术
前端·vue.js
昔人'
5 小时前
html`contenteditable`
前端·html
爱宇阳
5 小时前
npm 常用标签与使用技巧新手教程
前端·npm·node.js
郑板桥30
5 小时前
TypeScript:npm的types、typings、@type的区别
javascript·typescript·npm
JinSoooo
5 小时前
pnpm monorepo 联调:告别 --global 参数
开发语言·javascript·ecmascript·pnpm
热门推荐
01BongoCat - 跨平台键盘猫动画工具02GitHub 镜像站点03UV安装并设置国内源04GitLab 零基础入门指南:从安装到项目管理全流程05Linux下V2Ray安装配置指南06Labelme从安装到标注:零基础完整指南07NVIDIA显卡驱动、CUDA、cuDNN 和 TensorRT 版本匹配指南082025软件测试面试八股文(含答案+文档)09在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)10【vue篇】Vue 项目中的静态资源管理:assets vs static 终极指南