有非常多的列,并且列有分组,当前并不支持分组表头横向虚拟滚动 建议的 API 是什么样的: 希望能增加对分组表头横向虚拟滚动的支持 是否已有其他不错的替代方案: No response 是否使用当前最新版本? 我已确认是使用当前的最新版本。ZhiHao1024 added the enhancement label Jul 17, 2024 Sign up for free to join ...
此时需要优化数据加载、渲染逻辑或考虑使用更高效的解决方案。 针对分组表头不支持横向虚拟滚动的问题,一种可能的解决方案是如[@1@]中提到的,使用两个表格组件分别处理表头和表体数据,并通过同步滚动位置来实现视觉效果上的统一。但这种方法需要额外的编码工作,并且可能引入新的同步问题。
大数据不建议使用双向绑定的 <table-api-link name="data"/> 属性(vue 监听会大数据会短暂的卡顿),建议使用 <table-api-link prop="loadData"/>/<table-api-link prop="loadColumn"/> 函数<br> <span class="red">(注:如果要启用横向虚拟滚动,不支持分组表头)</span> </p> Expand Down 2 changes:...
不过有个问题,vxe-table用到table标签,table标签的内容会均分高度,visibleList中的数据并不是完整数据,所以我们需要在首尾各添加一个div,用来填充高度 监听滚动事件我们使用vueuse的useEventListener和useThrottleFn 这里又有另一个问题,vxe-table内部就有滚动事件,因为我们的滚动事件会改变列表的数据,所以会触发vxe-tab...
官网:https://vxetable.cn/ 以前老版本不支持虚拟滚动动态行高,vxe-table 新版本发布后,已经可以支持虚拟滚动和动态行高了。如果需要同等行高,只需加上 show-overflow 就可以了,同等行高的渲染性能是最优的,动态行高支持的最大数量低非常多。 建议非必要的场景应该使用同等行高,特殊需求场景在使用动态行高。
设置scroll-y:{enable:true,gt:50}虚拟滚动,当表格数据加载完成后调用setAllTreeExpand展开所有树节点,但是当往下纵向滚动时 下面全部是空白 没有加载出下面的数据,问题已复现在链接中,vxe-table@3.10.14,vxe-pc-ui@3.2.21。(以上问题仅出现在开启虚拟滚动下) ...
vxe-table vue 目前为止唯一能全能支持虚拟滚动的组件:虚拟列表、虚拟树、横向与纵向虚拟滚动的表格组件 目前主流的数据驱动框架 react、vue …等虽然入门相当简单,但是其性能就比原生的 js 组件得太多了; 例如 vue 中,由于数据双向的原因,需要对数据进行双向监听,从而使渲染性能大幅下降,如果数据量稍微大一点,页面基...
vxe-table 一个简单实用的 Vue 表组件,与任意组件库兼容 设计理念 面向现代浏览器(简洁、高效的 API 设计) 模块化表格、插件化扩展(功能模块解耦,支持按需加载) 强大的功能的同时兼具性能(支持横向、纵向虚拟滚动、灵活的配置项、不污染全局样式及变量)
既然需要一次性展示数万条数据,那么element-table基本是不行了,毕竟也不能做个假分页。 终于,茫茫人海,遇到了vxe-table。 官方地址:https://vxetable.cn/#/table/start/install 最高支持10w+数据的流畅滚动。确实厉害。 那么这么厉害的虚拟滚动,如何实现?
可复现的链接: https://vxetable.cn/#/component/table/scroll/hv 问题描述与截图: 通过浏览器提供的 Ctrl+F 功能进行表头搜索 检索到了对应的关键词,但是点击下一项icon时、不能跳转到对应的位置。 期望的结果: 搜索到结果之后,跳转到对应的位置。 操作系统: win10