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;
          }
        }
      }
    },```
相关推荐
梦曦i10 小时前
@meng-xi/create-uni-app vs unibest:轻量脚手架与重型框架的定位之争
前端·uni-app
平头哥技术团队10 小时前
Day 10 | 工欲善其事:VS Code 配置与项目归档
android·开发语言·前端·javascript·html·交互
乌恩大侠11 小时前
GH200 新增 NVMe SSD 分区、格式化与挂载完整流程
运维·服务器·前端
yume_sibai11 小时前
Element Plus 数据展示组件完全指南(15个核心组件)
前端·javascript·vue.js
qiuhaipeng112 小时前
Claude code 升级后上下文长度变短问题
java·前端·数据库
zzz_236812 小时前
个人 AI 记忆如何跨工具复用:用 Markdown、索引和 Skill 搭一个可治理的记忆库
前端·人工智能·react.js·前端框架·agent·agent测评
剑之所向13 小时前
.NET 官方`System.Threading.Channels`
前端·javascript·数据库
计算机魔术师14 小时前
GPT-6 Astra幻觉砍到2%,却被一种老招数轻松绕过
前端
cjy00011114 小时前
2026AI 产品如何从一次性 Demo 变成可重复使用的业务工具?
前端·人工智能·fde
IT_陈寒14 小时前
React的状态更新坑得我差点加班到天亮
前端·人工智能·后端