当前位置: 首页 > news >正文

el-table 表格自定义添加表格数据后自动滚动到最底部

动态表格,可以新增行列数,为了用户体验,新增后超出表格流体高度后,自动滚动到最下方

需要element-plus如下api

代码如下:

const addCapacity = () => {inputList.value.push({name: "",desc: "",type: 2,location: 2,is_required: true,global_default: "",local_disable: true,});//滚动到最新的添加行nextTick(() => {if (inputTableRef.value) {const $bodyWrapper =inputTableRef.value.$el.querySelector(".el-table__body");if ($bodyWrapper) {inputTableRef.value.setScrollTop($bodyWrapper.scrollHeight);}}});
};


http://www.mrgr.cn/news/4589.html

相关文章:

  • 网络 通信
  • 搜维尔科技:【研究】Haption Virtuose外科手术触觉视觉学习系统的开发和评估
  • 数据结构-链表
  • 后端开发刷题 | 合并两个排序的链表
  • AI模拟器
  • hive4.0.0部署以及与MySQL8.4连接
  • 【MySQL】查询进阶
  • zyx青岛实训day 29 8/15 (python脚本使数据库读写分离,mysql主从开机自动同步,python操作数据库,MyCat插件的学习)
  • Java List 转map,分组,排序
  • 【微服务】SpringCloud 1-9章
  • 46.x86游戏实战-DXX封包实现进入地图房间
  • 迪杰斯特拉(Dijkstra)算法(C/C++)
  • 【JS|第25期】探索HTTP POST请求:请求体的演变与应用
  • 理解安全组与防火墙的关系:云安全的双重保障
  • 企业高性能web服务器【Nginx详解】
  • Redis7基础篇(七)
  • 分享一个基于Spark的招聘数据可视化与分析系统Hadoop大数据源码(源码、调试、LW、开题、PPT)
  • 基于STM32和云平台的花卉养护系统设计(微信小程序)(209)
  • 为什么这么多人选择海运系统?它适用于什么场景?
  • 【解压即玩】PC 侠-盗-猎¥车手 5 中文版+通关存档,超高画质,操作流畅,优化很棒