@ElementUI中表格的合并行

@ElementUI中表格的合并行
在需求中遇到了elementUI合并行,找了几位大佬的文章,奈何过于愚钝,百思不得其解(对不起,我脑子转不动了),不会用啊!最后找到了方法(时间久了,大佬的链接找不到了,基本上就是复制大佬的),一个不用动脑子就能用的代码,看代码:

 objectSpanMethod({ row, column, rowIndex, columnIndex }) {
      console.log(row.cc, column, rowIndex, columnIndex);
      //想合并第几列的行,就去判断  if (columnIndex === n)
      if (columnIndex === 0) {
        return {
          rowspan: row.rowspan,
          colspan: row.rowspan > 0 ? 1 : 0,
        };
      }
      if (columnIndex === 1) {
        return {
          rowspan: row.rowspan1,
          colspan: row.rowspan1 > 0 ? 1 : 0,
        };
      }
    },
    
    
     setrowspans(list) {
      list.forEach((v) => {
        v.rowspan = 1;
        v.rowspan1 = 1;
        });
      // 双层循环
      for (let i = 0; i < list.length; i++) {
        for (let j = i + 1; j < list.length; j++) {
        //判断对应列想要合并的字段
          if (list[i].cc === list[j].cc) {
            list[i].rowspan++;
            list[j].rowspan--;
          } else {
            break;
          }
          if (list[i].ydh === list[j].ydh) {
            list[i].rowspan1++;
            list[j].rowspan1--;
          } else {
            break;
          }
        }
        // 这里跳过已经合并的行数据,从下一次需要合并的行开始
        i = i + list[i].rowspan - 1;
      }
    },
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值