-
需求:后端返回的表格数据,如果某列值一样,前端表格样式需要合并他们,需要合并的列的行数未知(所以需要有数据后遍历后端数据对需要合并的属性进行计数)即动态遍历表格合并
-
效果
- -
重点方法;table自带的:span-method="objectSpanMethod"方法
-
代码环境:vue2 ,element
-
代码
// tempalte 里 <el-table:data="tableData"style="width: 100%":span-method="objectSpanMethod"><el-table-column prop="Name" label="名称" align="center"></el-table-column> <el-table-column prop="Level" label="等级" align="center" ></el-table-column> <el-table-column prop="currenttime" label="时间" align="center" ></el-table-column> </el-table></