vue element ui 使用el-table 組件的時候，列使用fixed，表格滾動后出現錯位

表格滾動之后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')
      }
     
    });
 })

這是目前唯一能解決項目中的一個辦法了，所以記錄一下；也希望有大神指導一下