zoukankan      html  css  js  c++  java
  • 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);
        },

    实现效果:

  • 相关阅读:
    手速太慢QAQ
    最短路总结
    放下
    素材收集
    NOI2018旅游记
    -5
    七月
    德国GG了
    本人自传
    bzoj2369
  • 原文地址:https://www.cnblogs.com/zhaomeizi/p/14469796.html
Copyright © 2011-2022 走看看