使用element-ui中的table表格多行合并

这个东西,用的element-ui,难点在于动态地计算每一行的数据,应该合并的行数和列数。

前提条件:要求数据源必须是有序的(或者说,分组的。如按id分类,即id相同的要挨在一起,不能乱排。)

然后,首先对数据源进行一次遍历,计算每个id相同的有几项,然后做个标识。

使用element-ui中的table表格多行合并_第1张图片
dest包含每个id有几项的信息


id相同的项,只需判断这一组中的第一个有几项,比如第一个是6,则下面的5个需要返回【0,0】

使用element-ui中的table表格多行合并_第2张图片


使用element-ui中的table表格多行合并_第3张图片

你可能感兴趣的:(使用element-ui中的table表格多行合并)