解决方案:

table渲染时,调用封装好的合并方法。解决重点在于如何获取合计行所在的dom,即vue.$el.querySelector()方法

实现代码:

    // 表格合并行--单元格合并
    setColSpan() {
      var that = this;
      setTimeout(function () {
        if (that.$el.querySelector("#editAbletrendsTable")) {
          var current = that.$el
            .querySelector("#editAbletrendsTable")
            .querySelector(".el-table__footer-wrapper")
            .querySelector(".el-table__footer");
          var cell = current.rows[0].cells;
          cell[0].style.display = "none";
          cell[1].colSpan = "2";
        }
      }, 50);
    },

实现效果:

 

posted on 2021-03-02 16:50  阿梅M  阅读(4000)  评论(0编辑  收藏  举报