vue element ui 使用el-table 组件的时候，列使用fixed，表格滚动后出现错位

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

表格滚动之后fixed列和其他列出现如下错位的情况

在网上找了很多办法，doLayout也不起作用，给column设置：key="index+Math.random()"也不起作用,然后就用监听滚动条的方法写了：

this.dom = this.$refs.multipleTable.bodyWrapper
 console.log(this.dom)
 this.dom.addEventListener('scroll', () => {this.$nextTick(() => {
　　　　//滚动高度
      let scrollTop = this.dom.scrollTop
      if(scrollTop >30){
        $(".is-center").css('top','-7px')
         $(".is-hidden").css('top','0px')
         $(".is-leaf").css('top','0px')
      }else{
        $(".is-center").css('top','0px')
      }
    });
 })

这是目前唯一能解决项目中的一个办法了，所以记录一下；也希望有大神指导一下

以上是 vue element ui 使用el-table 组件的时候，列使用fixed，表格滚动后出现错位 的全部内容， 来源链接： utcz.com/z/380531.html

回到顶部