element表格合并行

要合并的行
在这里插入图片描述
在这里插入图片描述
通过:span-method="objectSpanMethod_list2"方法合并
整个方法运行解释:
当表格需要进行合并时、整个渲染方式就发生了变化、之前可以看作以行为单位、一行一行渲染、而当你使用了 :span-method=“objectSpanMethod” 变量后、渲染方式则改为一个单元格一个单元格渲染,即这个方法 objectSpanMethod 需要执行的次数是:列的个数 * 行数。

​ 也就是说、它会按照这样的格式去调用方法:(行值,列结构值,行号,列号),具体例子为:

(row, column, 0, 0)、(row, column, 0, 1)、(row, column, 0, 2)、(row, column, 0, 3)、(row, column, 0, 4)

(row, column, 1, 0)、(row, column, 1, 1)、(row, column, 1, 2)、(row, column, 1, 3)、(row, column, 1, 4)
这里括号中的内容表示每一次调用方法 objectSpanMethod 会传入的参数内容,因为前两个参数是由我们实际值决定的,所以先统一使用变量代替。

具体方法:

objectSpanMethod_list2({ row, column, rowIndex, columnIndex }) {
      if([0,1,4].includes(columnIndex)) {
        if(rowIndex === 0) {
           return {
            rowspan: 6,     // 2:需要合并的行数(向下合并几行)
            colspan: 1      // 1:需要合并的列
          };
        }else { // 0 代表不展示的行
          return {
            rowspan: 0,
            colspan: 0
          };
        }
      }
    }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值