我的需求是这样的,因为我的表格是动态的,可以手动新增行,固定表头,而且需要一屏显示,为了方便用户就需要再新增的时候表格自动向上滚动。
差了官方文档后发现有一个属性可以支持
这个属性正是自己需要的,所以接下来就好实现了,我的表格是封装的,有的是不需要自动滚动的,所以我是加了一个参数判断是否需要滚动,实现步骤是:
- 获取 el-table 的滚动容器。
- 使用
setScrollTop
属性设置滚动位置。
const table = ref(null);//表格加一个ref属性,我的属性值为table
//滚动到最新的添加行if(props.setScrollTop){nextTick(() => {if (table.value) {const $bodyWrapper = table.value.$el.querySelector('.el-table__body');if ($bodyWrapper) {table.value.setScrollTop($bodyWrapper.scrollHeight);}}})}