el-table 合并单元格操作

(开发新人,请多指教,不喜勿喷,谢谢大家)
官方文档给出 soan-method 方法实现合并单元格
el-table 合并单元格操作_第1张图片
现在我们要实现这个效果
el-table 合并单元格操作_第2张图片
通过阅读官方文档我们得知实现这种效果需要设置 rowspan: n,colsopan:1 此时 n 为 processingCode 相同的行数

对数据作为处理,通过判断 processingCode 是否相同,来设置 HIndex 来表示需要合并的行数(判断太啰嗦,不建议采纳。)
el-table 合并单元格操作_第3张图片

最后定义 objectSpanMethod 并在 el-table 标签中设置 :span-method="objectSpanMethod"
el-table 合并单元格操作_第4张图片

你可能感兴趣的:(前端,vue.js,javascript,elementui)