当前位置: 首页 > 知识库问答 >
问题:

javascript - el-table表格滚动条拖拽会回退?

夏晋
2023-07-01

image.png
拖动的时候滚动条会往后溜,而且很不灵敏,有遇到过的朋友吗,另外是否有element官方群?

共有1个答案

敖毅
2023-07-01

可能是由于表格的虚拟滚动功能导致的。

el-table 组件默认启用了虚拟滚动功能,这意味着仅在需要渲染的行数超过可见区域时才会渲染这些行,从而提高渲染性能。但是,由于虚拟滚动的实现方式是以滚动偏移量为基准来计算渲染的行数和位置,因此拖拽滚动条时可能会导致表格回退。

为了解决这个问题,你可以尝试关闭 el-table 组件的虚拟滚动功能,以便在滚动时实时渲染所有的行。具体来说,你可以在 el-table 组件上添加 :virtual-scroll="false" 属性来关闭虚拟滚动功能

 类似资料:
  • 本文向大家介绍BootStrap table实现表格行拖拽效果,包括了BootStrap table实现表格行拖拽效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了BootStrap table实现表格行拖拽的具体代码,供大家参考,具体内容如下 不上图了 首先还是得添加三个文件,自己上网搜搜就行 前台,加在Bootstrap Table 属性里面   后台代码Controller

  • 本文向大家介绍JavaScript限定范围拖拽及自定义滚动条应用(3),包括了JavaScript限定范围拖拽及自定义滚动条应用(3)的使用技巧和注意事项,需要的朋友参考一下 两个对象:div1 和 div2,其中div1是div2的父元素,div2只能在div1的范围内拖拽 图中,红点是鼠标的位置,两个绿色箭头相减的结果就是disX,最后oEvent.clientX - disX 就是绿色箭头的

  • 请教大佬们个问题,vue2中我有一个基础的el-table表格,表格里分置顶区域和非置顶区域,需求是置顶区域之间可以互相拖拽排序,非置顶区域可以互相拖拽排序,非置顶和置顶之间不可拖拽排序, 比如1.2.3条数据是置顶的,可以互相拖拽排序,4.5.6是非置顶数据,可以拖拽排序,但1.2.3和4.5.6之间不可互相拖拽,感谢各位大佬解惑

  • Sortable 怎么实现 拖拽列 不拖拽行 比如我把 value11 拖拽到 value22 的位置 最后结果如图 拖拽元素和目标元素交换位置 最后结果

  • 我目前正在使用JavaFX ScrollBar控件,它本身运行良好-但是我对拖动拇指时的“动画”不满意。 更具体地说: 当我快速拖动拇指时,快速加速-拇指动画不会立即跟随,但有点“滞后”-当我停止拖动拇指时的相同行为。。。拇指真正开始/追上预定位置需要一秒钟的时间 这不是繁重的布局计算之类的问题,因为我只是单独渲染ScrollBar而没有任何内容。 是否有一些选项可以让这个“加速动画”/“滞后”消

  • 本文向大家介绍JS组件Bootstrap Table表格行拖拽效果实现代码,包括了JS组件Bootstrap Table表格行拖拽效果实现代码的使用技巧和注意事项,需要的朋友参考一下 一、业务需求及实现效果 项目涉及到订单模块,那天突然接到一个需求,说是两种不同状态的订单之间要实现插单的效果,页面上呈现方式是:左右两个Table,左边Table里面是状态为1的订单,右边Table里面是状态为2订单