vxetable是一个基于Vue.js的表格组件库,其中虚拟滚动(Virtual Scrolling)是一种技术,用于在显示大量数据时优化性能。传统的表格在渲染大量行数据时,会因为DOM节点的频繁创建和销毁导致性能下降。而虚拟滚动技术则只渲染视口(viewport)内可见的行,以及少量额外行以便平滑滚动,从而大大减少了DOM元素的数量,提高了表格的渲...
不过有个问题,vxe-table用到table标签,table标签的内容会均分高度,visibleList中的数据并不是完整数据,所以我们需要在首尾各添加一个div,用来填充高度 监听滚动事件我们使用vueuse的useEventListener和useThrottleFn 这里又有另一个问题,vxe-table内部就有滚动事件,因为我们的滚动事件会改变列表的数据,所以会触发vxe-tab...
官网:https://vxetable.cn/ 以前老版本不支持虚拟滚动动态行高,vxe-table 新版本发布后,已经可以支持虚拟滚动和动态行高了。如果需要同等行高,只需加上 show-overflow 就可以了,同等行高的渲染性能是最优的,动态行高支持的最大数量低非常多。 建议非必要的场景应该使用同等行高,特殊需求场景在使用动态行高。 <templa...
在electron(因兼容win7,版本为22.0.0)利用loadURL('xxx')嵌入项目,页面中使用vxe-table,当开启了虚拟滚动时,滚动条靠近底部或是顶部,使用鼠标滚轮进行滚动后滚动条速度异常缓慢,滚动距离连一个row的高度都没有。 :scroll-y="{ enabled: true, gt: 50, oSize: 10 }" 期望的结果: 在electron中开启虚拟滚动...
终于,茫茫人海,遇到了vxe-table。 官方地址:https://vxetable.cn/#/table/start/install 最高支持10w+数据的流畅滚动。确实厉害。 那么这么厉害的虚拟滚动,如何实现? 官方也一语道破。 没错,就是懒加载。界面上只是在窗口可视区域范围内加载数据,随着鼠标滚动,再继续加载下一波数据。
可复现的链接: 无 问题描述与截图: 以下为大致描述 1.表格开启虚拟滚动 2.查看html元素(此时只有:1-16行元素) 3.将table滚动到最后一行(例:250行) 4.切换系统中的Tab页签并切换回Table页 5.查看html元素(会显示1-250行所有html元素) 期望的结果: 能帮忙处理一下
可复现的链接: https://codesandbox.io/s/vxe-table-3-x-vue-2-6-wen-ti-yan-shi-forked-hpbyfx 问题描述与截图: 需求:给树形表格子项 size 列根据大小排序 复现步骤: 点击 size 列的排序,表格无变化 再次点击 size 列排序,表格有变化,但是是上一次排序的结果 后面每
vxe-table 一个基于vue的表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、模态窗口、自定义模板、贼灵活的配置项、丰富的扩展插件等... 设计理念 面向现代浏览器,高效的简洁 API 设计 模块化表格、按需加载、插件化扩展 ...
题主是否想询问“vxetable临时合并后不支持虚拟滚动怎么解决”？虚拟滚动关闭。根据查询中关村在线显示，虚拟滚动是不支持合并，只要把高性能的虚拟滚动关闭就可以支持合并了。
可复现的链接(必须为公开链接,仅包含能复现问题的示例代码): https://vxetable.cn/v3/#/component/table/scroll/autoRowHeight 问题描述与截图: 官网demo,加载1万条数据,火狐和谷歌浏览器直接卡死。 期望的结果: No response 操作系统: win10 浏览器版本: 火狐:1