我的需求是这样的,因为我的表格是动态的,可以手动新增行,固定表头,而且需要一屏显示,为了方便用户就需要再新增的时候表格自动向上滚动。
差了官方文档后发现有一个属性可以支持
这个属性正是自己需要的,所以接下来就好实现了,我的表格是封装的,有的是不需要自动滚动的,所以我是加了一个参数判断是否需要滚动,实现步骤是:
- 获取 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);
}
}
})
}