element -table，多行或列合并

本文主要是介绍element -table，多行或列合并，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

• 需求：后端返回的表格数据，如果某列值一样，前端表格样式需要合并他们，需要合并的列的行数未知（所以需要有数据后遍历后端数据对需要合并的属性进行计数）即动态遍历表格合并

• 效果
  -

• 重点方法；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></

这篇关于element -table，多行或列合并的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---