【element】table 表头合并后,fixed失效问题解决

在合并了表头之后,再加上fixed会失效,原因是有两个el-table__header元素,需要将fixed前和后合并的都删掉

  mounted() {
    // 注意一定要保证DOM渲染完成后在进行合并操作,否则会找不到元素
    this.$nextTick(function () {
      this.setColSpan();
    })
  },
    // 合并表头单元格
    setColSpan: function () {
      // fixed前的表头
      var x = document.getElementsByClassName("el-table__header")[0].rows[0].cells;
      x[0].colSpan = 2; // 将第0列表头单元格的colSpan设为2
      // x[1].style.display = "none"; // 将第1列表头单元格的display设为none
      x[1].parentElement.removeChild(x[1]) // 直接删除当前元素,否则导出表格的时候还在


      // fixed后的表头
      var x1 = document.getElementsByClassName("el-table__header")[1].rows[0].cells;
      x1[0].colSpan = 2;
      // x1[1].style.display = "none";
      x1[1].parentElement.removeChild(x1[1]) // 直接删除当前元素,否则导出表格的时候还在

    },

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值