为了在 vxe-table 中开启虚拟滚动,你需要按照以下步骤进行配置: 确认vxe-table 版本支持虚拟滚动: 确保你安装的 vxe-table 版本支持虚拟滚动功能。通常,vxe-table 的较新版本都包含这一功能。 在vxe-table 配置中启用虚拟滚动选项: 你需要在 vxe-table 组件上启用虚拟滚动。这通常通过设置 scroll-y 属性来完成,其...
监听滚动事件我们使用vueuse的useEventListener和useThrottleFn 这里又有另一个问题,vxe-table内部就有滚动事件,因为我们的滚动事件会改变列表的数据,所以会触发vxe-tabl的滚动事件,然后这两个滚动事件会不断互相触发,所以我们需要一个变量记录最后滚动的高度,无变化就不做任何操作,直接返回 实现 设置样式 offscreenList...
官网:https://vxetable.cn/ 以前老版本不支持虚拟滚动动态行高,vxe-table 新版本发布后,已经可以支持虚拟滚动和动态行高了。如果需要同等行高,只需加上 show-overflow 就可以了,同等行高的渲染性能是最优的,动态行高支持的最大数量低非常多。 建议非必要的场景应该使用同等行高,特殊需求场景在使用动态行高。 <templa...
设置scroll-y:{enable:true,gt:50}虚拟滚动,当表格数据加载完成后调用setAllTreeExpand展开所有树节点,但是当往下纵向滚动时 下面全部是空白 没有加载出下面的数据,问题已复现在链接中,vxe-table@3.10.14,vxe-pc-ui@3.2.21。(以上问题仅出现在开启虚拟滚动下) 期望的结果: 开启虚拟滚动时加载出数据 操作系统: ...
那么这么厉害的虚拟滚动,如何实现? 官方也一语道破。 没错,就是懒加载。界面上只是在窗口可视区域范围内加载数据,随着鼠标滚动,再继续加载下一波数据。 怎么用? 第一,写下table模板 <vxe-table border show-overflow show-header-overflow ref="tableRef"height="600":row-config="{isCurrent: true, isHover:...
vxe-table开启多选框之后滚动错位问题,数据量大开启了虚拟滚动,并且同时开启了多选框<vxe-table:scroll-x="tableScrollXConfig":scroll-y="tableScrollYConfig":loading="loading":data="tableData">
一开始我觉得是不是因为默认开启了虚拟滚动,所以在滚动的时候需要去计算下一次的渲染,计算是需要过程的,所以导致了短暂的白屏,所以我马上把虚拟滚动关了~但结果还是老样子,所以排除虚拟滚动这个原因~ 虽然虚拟滚动也会导致白屏,但是vxe-table有预渲染的功能,所以问题不大 ...
可复现的链接: 无 问题描述与截图: 以下为大致描述 1.表格开启虚拟滚动 2.查看html元素(此时只有:1-16行元素) 3.将table滚动到最后一行(例:250行) 4.切换系统中的Tab页签并切换回Table页 5.查看html元素(会显示1-250行所有html元素) 期望的结果: 能帮忙处理一下
可复现的链接: 线上项目不支持链接 问题描述与截图: 162dab672f30da4f38e27f2a9a70a09e.mp4 期望的结果: 滚动条不要自动滚动到顶部 操作系统: win11 浏览器版本: chorme 49 vue 版本: 2.6.0 vxe-table 版本: 3.8.1 zgnationadded thebugSomething isn't workinglabelApr 27, 2024 ...
vxe-table 导出Excel 超过100条,自定义模板template替换失效 原因:开启了虚拟滚动功能 解决方法:关闭虚拟滚动 <vxe-table :scroll-x="{gt: -1}" :scroll-y="{gt: -1}" </vxe-table>