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