父table表格下面,子table表格的单元格合并-----合并第一列的相同行

网上找了很多合并单元格的例子,都是直接对父表格进行合并,而父级表格的:data数据大部分是我们js处理后直接得到的。

但我需要处理的是父级表格每一行下面子table表格,子table表格是从父级得到的,不好直接得到:data数据的list。愁了好久终于找到获取子表格list的方式,得到list就可以按照大家分享的方式对其进行单元格合并啦~~~~

<template>部分-------简单说明
       子table的:data="scope.row.collectorHealthInfoList";
       为了方便处理数据将该list传出去的方式   
       :cellclick="cellclick(scope.row.collectorHealthInfoList)",
       在之后cellclisk(val){}方法中取val即可。
        :span-method="objectSpanMethod"处理数据进行合并的方法。

代码如下

          <el-table
            :data="tableData1"
            style="width: 100%"
          >
            <el-table-column type="expand">
              <template slot-scope="scope">
                <table style="width:100%;margin-bottom:10px;text-align: center;border-collapse:separate; border-spacing:0px 10px;"&
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值