不过有个问题,vxe-table用到table标签,table标签的内容会均分高度,visibleList中的数据并不是完整数据,所以我们需要在首尾各添加一个div,用来填充高度 监听滚动事件我们使用vueuse的useEventListener和useThrottleFn 这里又有另一个问题,vxe-table内部就有滚动事件,因为我们的滚动事件会改变列表的数据,所以会触发vxe-tab...
确定vxe-table中需要滚动到的指定位置: 在vxe-table中,你可以滚动到指定的行或列。这通常涉及到行号(row index)或列字段名(column field)。 使用vxe-table提供的API或方法来实现滚动功能: vxe-table提供了scrollRow和scrollColumn方法,分别用于滚动到指定的行和列。 实现滚动到指定位置的逻辑: 使用scrollRow方法...
以前老版本不支持虚拟滚动动态行高,vxe-table 新版本发布后,已经可以支持虚拟滚动和动态行高了。如果需要同等行高,只需加上 show-overflow 就可以了,同等行高的渲染性能是最优的,动态行高支持的最大数量低非常多。 建议非必要的场景应该使用同等行高,特殊需求场景在使用动态行高。 <template><div><vxe-button@click=...
vxe-table 的固定列滚动 我看到了一个vxe-table的官方例子,是一个固定列的例子,我发现当表格拥有固定列的时候,拖动滚动条,固定列会有白屏现象,但是主表格并不会有白屏现象,如下: 我看了源码,我理解应该是固定列(固定列其实也是一个表格,我称为副表格)的滚动,带动了主表格的滚动,所以主表格的滚动是被动的,导致...
vxe-table 滚动模式scrollY: { mode: 'wheel' } 滚动模式:支持 default 模式和wheel 模式,通过参数 scroll-y.mode=wheel开启 default 模式:浏览器默认行为,用于轻量级表格,极致流畅 wheel模式:自鼠标滚轮触发,用于左右固定列的复杂表格,更加流畅
终于,茫茫人海,遇到了vxe-table。 官方地址:https://vxetable.cn/#/table/start/install 最高支持10w+数据的流畅滚动。确实厉害。 那么这么厉害的虚拟滚动,如何实现? 官方也一语道破。 没错,就是懒加载。界面上只是在窗口可视区域范围内加载数据,随着鼠标滚动,再继续加载下一波数据。
vxe-table开启多选框之后滚动错位问题,数据量大开启了虚拟滚动,并且同时开启了多选框<vxe-table:scroll-x="tableScrollXConfig":scroll-y="tableScrollYConfig":loading="loading":data="tableData">
我的代码,只需要给vxe-table添加属性来关闭虚拟滚动,就可以了。 当然,性能方面嘛,妥协一下啦。数据少时,用户无感的 关键属性: :scroll-x="{enable: false, gt: -1}":scroll-y="{enable: false, gt: -1}" 完整一点的代码是: <vxe-table:data="tableData":scroll-x="{enable: false, gt: -1}":...
* `top`:表示垂直滚动的距离,单位是像素。 * `left`:表示水平滚动的距离,单位是像素。 * `behavior`:表示滚动行为,可以是'auto'或'smooth'。 请注意,Vxetable的scrollTo方法只能在表格组件内部使用。如果需要在表格外部使用滚动功能,可以考虑使用其他的Vue插件或库,比如vue-virtual-scroller。©...
故意这么改的,默认就展示滚动条很丑 Author antbuster commented Jul 20, 2024 • edited 故意这么改的,默认就展示滚动条很丑 但是为什么BaseTable不隐藏,而JVxeTable要隐藏呢。 而且JVxeTable的滚动高度太小的关系,时隐时现很容易点不到,哪个位置可以改回原来的样式呢 Author antbuster commented Jul 22, 2024...