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

elementui el-table用span-method方法对相同的列名或行名进行合并

看到的一篇文章

同理
如果对第二列进行合并的话copy一下第一个方法,让值赋给第二个数组就可以

 // 合并方法mergeCells({ row, column , rowIndex, columnIndex }) {debugger;if (columnIndex === 1) {const _row = this.spanArr[rowIndex];const _col = _row > 0 ? 1 : 0;console.log(_col, '_col');return {rowspan: _row, //行colspan: _col //列};}else if (columnIndex ===2){const _row = this.spanSecondArr[rowIndex];const _col = _row > 0 ? 1 : 0;console.log(_col, '_col');return {rowspan: _row, //行colspan: _col //列};}},getSpanFirstArr(data) {this.spanArr = [];for (var i = 0; i < data.length; i++) {if (i === 0) {this.spanArr.push(1);this.pos = 0;} else {// 判断当前元素与上一个元素是否相同if (data[i].orgName === data[i - 1].orgName && data[i].orgName) {this.spanArr[this.pos] += 1;this.spanArr.push(0);} else {this.spanArr.push(1);this.pos = i;}}}},// 对类型的合并getSpanSecondArr(data) {this.spanSecondArr = [];for (var i = 0; i < data.length; i++) {if (i === 0) {this.spanSecondArr.push(1);this.pos = 0;} else {// 判断当前元素与上一个元素是否相同if (data[i].wgareaType === data[i - 1].wgareaType && data[i].wgareaType) {this.spanSecondArr[this.pos] += 1;this.spanSecondArr.push(0);} else {this.spanSecondArr.push(1);this.pos = i;}}}},```
http://www.lryc.cn/news/251101.html

相关文章:

  • 汇编语言实现音乐播放器
  • 大型网站系统架构演化(Web)
  • 三轴加速度计LIS2DW12开发(2)----基于中断信号获取加速度数据
  • Shell循环:whileuntil
  • Redis 安装部署
  • 项目中遇到的半导体公司
  • 汇编:call与ret/retf指令
  • Fiddler抓包工具之高级工具栏中的重定向AutoResponder的用法
  • 如何基于OpenCV和Sklearn库开展数据降维
  • 详解SpringAop开发过程中的坑
  • 【海思SS528 | VDEC】MPP媒体处理软件V5.0 | VDEC的使用总结
  • Kubernetes sample-controller 例子介绍
  • 【C/C++指针】指针*与引用的区别
  • 【ArcGIS Pro微课1000例】0039:制作全球任意经纬网的两种方式
  • 【二叉树】练习题终章
  • flutter开发实战-实现获取视频的缩略图封面video_thumbnail
  • Prompt Toolkit探索:打造交互式CLI应用
  • 【已解决】AttributeError: module ‘gradio‘ has no attribute ‘outputs‘
  • WPF Mvvm模式下面如何将事件映射到ViewModel层
  • C# WPF上位机开发(计算器界面设计)
  • [c]比较月亮大小
  • 【Java 基础】16 泛型
  • Android framework定制1-->用户无操作一段时间,自动播放客户提供的视频,用户操作后退出播放
  • Vmware17虚拟机安装windows10系统
  • Golang实践录:读取yaml配置文件
  • oracle sql相关语法
  • el-table,列表合并,根据名称列名称相同的品名将其它列值相同的进行合并
  • 微信小程序显示二维码?
  • JavaWeb开发全流程笔记
  • LLM;超越记忆《第 2 部分 》