[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',''))
            })

 

posted @ 2021-06-10 14:16  煎饼馃子  阅读(2026)  评论(0编辑  收藏  举报