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