第一步：添加 element-ui table自带方法span-method <el-table :data.sync="data" border :header-cell-style="{ background: '#027db4 ...

直接上代码: 　　 　　 　　 // 表格合计行--单元格合并 　　 setColSpan() { 　　setTimeout(() => { 　　if (this. ...

本篇博客已迁移到lecode.ltd （注：本篇博客中一些地方写的不是很好，lecode.ltd中已修改） 在使用element-ui 的表格式涉及到了单元格合并问题，实际工作中数据多是从后台获取的，很显然数据不是一成不变的，所以就要根据数据的变化动态的合并单元格， 动态动态动态，我TM ...

的length % 3 ==0 合并单元格 if (columnIndex === ...

代码： ...

最近做的项目涉及到很多单元格合并问题，element-ui组件对于单元格合并的处理虽然很灵活，但是需要事先计算好每个单元格合并的rowspan和colspan，直接在span-method属性中计算实现起来有点困难，所以我拿到列表后先把每条数据的需要合并的rowspan计算出来然后直接 ...

参考文章 说明： 由于本文中使用的函数直接复制过来改了改，所有总归会是差不多的，但是也只是更方便两者进行对照来使得读者更加容易明白一些细节上的问题。 在我们按照需求把相应的数据进行合并操作后，新的问题也随之而来，那就是在单元格的hover样式上依旧不是那么尽人意。 如下图所示，鼠标经过首行 ...

接着写两个方法--最后一行合计的方法 --单元格合并的方法 先写一个rowspan方法，计算出spanArr数组是怎么单元格合并的，注意rowspan方法要在渲染完成之前使用，可以在mounted中使用。然后应用到objectSpanMethod方法里面进行单元格合并 ...