element ui 中table标签添加新一行后自适应滚动到底部

复制代码
// 添加
handleAdd () {
      const tableDemo = {
        id: null,
        optionName1: "",
        optionName2: "",
      };
      this.list.push(tableDemo);

// 重要的是下面这部分代码
      const timer = setTimeout(() => {
        const doms = document.getElementsByClassName("el-table__row");
        const dom = doms[doms.length - 1];
        const pDom = document.getElementsByClassName("el-table__body-wrapper")[0];
        if (dom && pDom) {
          pDom.scrollTop = dom.offsetTop;
        }
        clearTimeout(timer);
      }, 300);
    },
复制代码

 

posted on     阅读(193)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示