ElementUI同时合并行和列

喵酱睡着了

已于 2022-08-26 10:05:26 修改

阅读量432

点赞数

分类专栏： vue 文章标签： elementui javascript ecmascript

于 2022-08-26 10:05:13 首次发布

本文链接：https://blog.csdn.net/sumiao64427/article/details/126537167

版权

表格获取后端返回数据如下，对应字段填充：
在这里插入图片描述
【需求】：实现【销售方式】列相同项合并，【售达方】列相同项合并，物料名称为“合计”，“小计”，“总计”的向左合并一个单元格，且合并后显示名称为“合计”，“小计”，“总计”

【实现思路】：当【售达方】为空时，把【物料名称】值塞成【售达方】的，合并【售达方】【物料名称】为一列，最后清空【物料名称】列。

spanMethod({
     row, column ,rowIndex,columnIndex}) {
   
        let lastRowFlag = rowIndex === this.data.length-1
        let sumFlag = (row.materielName.indexOf("小计") > -1)  || (row.materielName.indexOf("合计")> -1) || (row.materielName.indexOf("总计")>