网上找了很多合并单元格的例子,都是直接对父表格进行合并,而父级表格的: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;"&