当前位置: 首页 > news >正文

若依项目的table列表中对每一个字段增加排序按钮(单体版和前后端分离版)

一、目标:每一个字段都添加上下箭头用来排序
只需要更改前端代码,不需要更改后端代码,后面会讲解原理
在这里插入图片描述
二、单体版实现方式:
1.在options中添加sortable:true
在这里插入图片描述
2.在需要排序的字段中添加sortable:true
在这里插入图片描述
三、前后端分离版
1.el-table上添加@sort-change=“handleSortChange”

<el-table v-loading="loading" :data="teacherClassList" @selection-change="handleSelectionChange" @sort-change="handleSortChange">

2.el-table-column上添加:sort-orders="[‘descending’,‘ascending’]"和sortable=“cu

http://www.lryc.cn/news/276727.html

相关文章:

  • Linux自动化部署脚本
  • lvgl修改图片大小上限
  • 阻止持久性攻击改善网络安全
  • MFC与Qt多个控件响应统一响应消息处理
  • Camunda rest api鉴权
  • 【PostgreSQL】在DBeaver中实现序列、函数、视图、触发器设计
  • PyQt5-小总结
  • vue父组件给子组件传值,子组件不渲染的原因及解决方法
  • 【数据库】MySQL锁
  • mongodb学习篇
  • kubernetes存储类迁移-备份恢复
  • python智能手机芯片
  • 混淆技术概论
  • pytest安装失败,报错Could not find a version that satisfies the requirement pytest
  • 使用 Maven 的 dependencyManagement 管理项目依赖项
  • 三英战吕布web3游戏项目启动全流程
  • TS中的类
  • 玩转硬件之玩改朗逸中控设备
  • 根据MySql的表名,自动生成实体类,模仿ORM框架
  • Mac上安装tensorflow介绍留存
  • 【赠书第16期】码上行动:用ChatGPT学会Python编程
  • LeetCode 每日一题 2024/1/1-2024/1/7
  • 7+单细胞+空转+实验验证,如何根据内容开展相关经验给你启发
  • Verifiable Credentials可验证证书 2023 终极指南
  • R语言【sp】——SpatialPoints():创建类SpatialPoints或SpatialPointsDataFrame的对象
  • 【Verilog】期末复习——简要说明仿真时阻塞赋值和非阻塞赋值的区别。always语句和initial语句的关键区别是什么?能否相互嵌套?
  • 分享一个idea插件MyBatisX的Bug
  • Linux网络
  • Copilot 插件的使用介绍:如何快速上手
  • kubesphere和k8s的使用分享