如何使用element ui框架中表格内的数据合并
需求:在表格中展示后台传回的值,当第二列都是面试评价,并且第一列的事件相同时,合并第一二列。具体如下图:
思路:
- 在获取到后台数据的地方,筛选出待合并的行号,封装在一个数组里(两个 for循环)
- 在表格上绑定:span-method="handleSameMerge”
- 在绑定的函数中,处理需要合并的地方
注意事项:
- rowspan = 1表示不合并, rowspan = 0表示合并到最后一列
- 处理完需要合并的地方后,必须处理合并后多余的元素