[vue][element-ui][el-table]控制表格的滾動條滑動到最右邊


問題描述:

  在table-column列數據過多會出現橫向滾動條,編輯表單后,會對table組件進行重新渲染同時橫向滾動條會回到最左側,希望控制滾動條保持在最右側

方法:

  refs[‘tableList’]上有一個bodyWrapper里面有scrollLeft 屬性,可以設置表格左滑動的距離為整個表格的寬度,而表格的寬度在refs[‘tableList’].bodyWidth,替換字符串和變數字以后就可以了

代碼:

            this.$nextTick(()=>{
              this.$refs.tablelist.bodyWrapper.scrollLeft = Number(this.$refs.tablelist.bodyWidth.replace('px',''))
            })

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM