el-table动态获取数据合并行列

Posted 2023-03-01

参考技术A 动态-合并行
可能出现的情况：
一个同一订单号购买3个商品，
下一个同一订单号购买4个商品，
下一个同一订单号购买1个商品，
下一个同一订单号购买n个商品...

1.这里忽略数据处理，假设数据已经处理完成，并能正确的在表格中渲染出来。
2.给 <el-table> 添加 处理行的方法 :span-method="objectSpanMethod"
3.在 methods 中写对表格数据进行处理，找出需要合并的单元格的方法 getSpanArr() ,该方法需要加在页面渲染之前获取列表数据的方法中并传入列表需要渲染的数据作为参数

4.在 methods 中写合并行的方法 objectSpanMethod()

参考文章：
element合并行或列
el-table动态获取数据合并行列