本文介绍了如何在使用Element UI框架时实现表格内的数据合并。针对需求，当第二列内容为'面试评价'且第一列事件相同，将进行列合并。实现步骤包括筛选待合并行号、在表格上绑定`span-method`并定义处理函数，以及注意rowspan的设置和处理合并后多余的元素。
需求：在表格中展示后台传回的值，当第二列都是面试评价，并且第一列的事件相同时，合并第一二列。具体如下图：
思路：
- 在获取到后台数据的地方，筛选出待合并的行号，封装在一个数组里（两个 for循环）
- 在表格上绑定:span-method="handleSameMerge”
- 在绑定的函数中，处理需要合并的地方
注意事项：
- rowspan = 1表示不合并, rowspan = 0表示合并到最后一列
- 处理完需要合并的地方后，必须处理合并后多余的元素
如何使用element ui框架中表格内的数据合并
需求：在表格中展示后台传回的值，当第二列都是面试评价，并且第一列的事件相同时，合并第一二列。具体如下图：
思路：
注意事项：
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
扫一扫
