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

看到的一篇文章

同理

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

java 复制代码
 // 合并方法
    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;
          }
        }
      }
    },```
相关推荐
拜无忧15 小时前
纯css,顺时针3d旋转基座(摩天轮效应)
前端·css
奋斗猿15 小时前
从0到1开发跨平台桌面应用:Electron 实战全指南
前端·electron
之恒君15 小时前
script 标签中的 async 和 defer 的区别
前端·javascript
lkbhua莱克瓦2415 小时前
项目知识——Next.js App Router体系
开发语言·javascript·项目知识
浪浪山_大橙子15 小时前
使用Electron+Vue3开发Qwen3 2B桌面应用:从想法到实现的完整指南
前端·人工智能
狗哥哥15 小时前
聊聊设计模式在 Vue 3 业务开发中的落地——从一次代码重构说起
前端·架构
爱吃大芒果16 小时前
从零开始学 Flutter:状态管理入门之 setState 与 Provider
开发语言·javascript·flutter
shenzhenNBA16 小时前
如何在python文件中使用日志功能?简单版本
java·前端·python·日志·log
掘金泥石流16 小时前
分享下我创业烧了 几十万的 AI Coding 经验
前端·javascript·后端
用户479492835691516 小时前
JavaScript 为什么选择原型链?从第一性原理聊聊这个设计
前端·javascript