如何使用element ui框架中表格内的数据合并

需求:在表格中展示后台传回的值,当第二列都是面试评价,并且第一列的事件相同时,合并第一二列。具体如下图:

思路:

  • 在获取到后台数据的地方,筛选出待合并的行号,封装在一个数组里(两个 for循环)
  • 在表格上绑定:span-method="handleSameMerge
  • 在绑定的函数中,处理需要合并的地方

注意事项:

  • rowspan = 1表示不合并, rowspan = 0表示合并到最后一列
  • 处理完需要合并的地方后,必须处理合并后多余的元素

猜你喜欢

转载自blog.csdn.net/liangxhblog/article/details/81145343
今日推荐