elementUI table 合计行 单元格合并


解决方案:

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);
    },

实现效果:

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM