首页 > 其他 > 详细

[vue][element-ui][el-table]控制表格的滚动条滑动到最右边

时间:2021-06-10 15:19:37      阅读:67      评论:0      收藏:0      [点我收藏+]

问题描述:

  在table-column列数据过多会出现横向滚动条,编辑表单后,会对table组件进行重新渲染同时横向滚动条会回到最左侧,希望控制滚动条保持在最右侧

方法:

  refs[‘tableList’]上有一个bodyWrapper里面有scrollLeft 属性,可以设置表格左滑动的距离为整个表格的宽度,而表格的宽度在refs[‘tableList’].bodyWidth,替换字符串和变数字以后就可以了

代码:

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

 

[vue][element-ui][el-table]控制表格的滚动条滑动到最右边

原文:https://www.cnblogs.com/xuesen1995/p/14870853.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!