vue-elementui 因滾動條引發的table錯位問題

 

 修復后效果

 

 在網上看到的方法都是設置樣式屬性，試過之后也不生效，也不知道原因

所以就自己用原生js解決了，代碼如下

 　　 //修錯位
 　　 x(){
       var u = document.getElementsByClassName('has-gutter')[0].childNodes[0];
       var tr = document.createElement('tr');
       u.appendChild(tr)
  　　},

然后在mounted后調用

     mounted(){
      this.x()
     },

如果沒有生效可以給tr添加點內容撐開

　　tr.innerHTML='&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp'

有其他思路和好的辦法可以討論