2021-12-10 el-table 行内新增，滚动条自动滚到最顶部，或者最底部

1、el-table 组件 需要设置ref=""

 <el-table :data="dataForm.typeEntityList" size='mini' height="400" ref="containerTable"
              v-loading="listLoading">
</el-table>

2、关键代码：

  let item = {
        name: undefined,
        width: undefined,
        isShow: undefined,
        isSelect: undefined,
        code: undefined,
        dataSource: undefined,
        sortCode: undefined,
        type: undefined
   }
  this.dataForm.typeEntityList.push(item)
  // 跳到底部操作
   this.$nextTick(() => {
        this.$refs.containerTable.bodyWrapper.scrollTop = this.$refs.containerTable.bodyWrapper.scrollHeight
   });
  //跳到顶部操作
   this.$refs.containerTable.bodyWrapper.scrollTop =0 //可根据页面高度设置

3、效果图如下：


a1.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容