maxxxx_ 2023-12-08 09:30 采纳率: 72.7%
浏览 7

vue element-ui中怎么解决表格push新增一行数据后,滚动条会重置到最顶部呢,想让滚动条跟随最新插入的一行数据向下滚动

vue element-ui中怎么解决表格push新增一行数据后,滚动条会重置到最顶部呢,想让滚动条跟随最新插入的一行数据向下滚动

  • 写回答

2条回答 默认 最新

  • sssammmm 2023-12-08 11:23
    关注

    可以通过Element UI的scrollToRow方法来解决。首先,你需要获取到表格组件的引用,然后在添加新行数据后,调用该方法将滚动条滚动到新添加的行。
    举例如下,在这个例子中,点击按钮会调用addRow方法添加新的行。添加新行后,我们在$nextTick中调用scrollToRow方法,将滚动条滚动到新添加的行。$nextTick是为了确保新行已经被渲染到DOM中,否则scrollToRow可能无法正确地滚动到新行。
    注意,scrollToRow方法需要表格的height属性被设置,否则滚动条可能不会显示。如果你的表格没有设置height属性,你可以尝试设置一个合适的值。

    Add Row
    评论

报告相同问题?

问题事件

  • 创建了问题 12月8日

悬赏问题

  • ¥15 14名同学选出十名到西和,礼县,武都宕昌参加实习,每个学校一个人
  • ¥15 请问如何在openpcdet上对KITTI数据集的测试集进行结果评估?
  • ¥15 powerbuilder中的datawindow数据整合到新的DataWindow
  • ¥20 有人知道这种图怎么画吗?
  • ¥15 pyqt6如何引用qrc文件加载里面的的资源
  • ¥15 安卓JNI项目使用lua上的问题
  • ¥20 RL+GNN解决人员排班问题时梯度消失
  • ¥60 要数控稳压电源测试数据
  • ¥15 能帮我写下这个编程吗
  • ¥15 ikuai客户端l2tp协议链接报终止15信号和无法将p.p.p6转换为我的l2tp线路