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

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.kler.cn/a/161529.html

相关文章:

  • MybatisPlus入门(十)MybatisPlus-逻辑删除和多记录操作
  • 相机光学(四十二)——sony的HDR技术
  • Java的dto,和多表的调用
  • ima.copilot-腾讯智能工作台
  • 【VBA实战】用Excel制作排序算法动画续
  • HarmonyOS ArkTS 下拉列表组件
  • 在Windows 11中,把iPhone照片和视频导出来又快又简单,无需第三方软件
  • 数据结构 图的广度优先搜索和深度优先搜索
  • 画好一张规范的原理图,这些点你可要注意了!
  • Redis RedisHelper
  • 【LeeCode】454. 四数相加 II
  • dbug_hub 错误 使用多个ILA导致
  • STM32 定时器配置步骤
  • Java多线程编程深入解析——Java程序员,你掌握了多线程吗?【文末送书-03】
  • C语言指针——野指针
  • Python中如何判断List中是否包含某个元素
  • cocos creator “TypeError: Cannot set property ‘string‘ of null
  • 【原神游戏开发日志1】缘起
  • 低代码你需要了解一下
  • 【Android】查看keystore的公钥和私钥
  • API接口使用方法(封装好的电商平台)
  • 添加新公司代码的配置步骤-Part4
  • 水平自动扩容和缩容HPA;API资源对象NetworkPolicy;Kubernetes用户安全控制;Kubernetes创建普通用户示例
  • Windows 基于 VMware 虚拟机安装银河麒麟高级服务器操作系统
  • 第3节:Vue3 v-bind指令
  • 华为OD机试 - 攀登者1(Java JS Python C)