不过有个问题,vxe-table用到table标签,table标签的内容会均分高度,visibleList中的数据并不是完整数据,所以我们需要在首尾各添加一个div,用来填充高度 监听滚动事件我们使用vueuse的useEventListener和useThrottleFn 这里又有另一个问题,vxe-table内部就有滚动事件,因为我们的滚动事件会改变列表的数据,所以会触发vxe-tab...
官网:https://vxetable.cn/ 以前老版本不支持虚拟滚动动态行高,vxe-table 新版本发布后,已经可以支持虚拟滚动和动态行高了。如果需要同等行高,只需加上 show-overflow 就可以了,同等行高的渲染性能是最优的,动态行高支持的最大数量低非常多。 建议非必要的场景应该使用同等行高,特殊需求场景在使用动态行高。 <templa...
* 在这里开始给vxe-table数据了 */// 1. 首先通过 $refs(vue内部方法,或者原生获取vxe-table这个dom)constVXE_TABLE=this.$refs.tableRef;// 2. 通过这个dom下挂载的方法 reloadData 方法 取数据VXE_TABLE..reloadData(list).then(()=>{// 如果你有loading的话 可以在这里关闭})// 至此, 数据接收完毕。
v4.7 基于 vue3.2+,重构拆分组件,分为Vxe table和Vxe UI,将支持可视化组件 下一阶段:sticky 渲染模式、将虚拟滚动提升到极致、虚拟滚动动态行高、数据图表可视化 浏览器支持 80+ ✔80+ ✔90+ ✔75+ ✔10+ ✔ 功能点 基础表格 配置式表格
滚动模式:支持 default 模式和 wheel 模式,通过参数 <table-api-link prop="scroll-y"/>.mode=wheel 开启<br> default 模式:浏览器默认行为,用于轻量级表格,极致流畅<br> wheel 模式:鼠标滚轮触发,用于左右固定列的复杂表格,更加流畅 </p> <vxe-toolbar> <template #buttons> <vxe-button @click="loadList...
可复现的链接: 线上项目不支持链接 问题描述与截图: 162dab672f30da4f38e27f2a9a70a09e.mp4 期望的结果: 滚动条不要自动滚动到顶部 操作系统: win11 浏览器版本: chorme 49 vue 版本: 2.6.0 vxe-table 版本: 3.8.1
一个基于 vue 的 PC 端表格组件,支持增删改查、虚拟树、列拖拽,懒加载、快捷菜单、数据校验、树形结构、打印、导入导出、自定义模板、渲染器、JSON 配置式... Latest version: 4.7.46, last published: 5 months ago. Start using vxe-table-cfc in your project by runn
项目地址:https://gitee.com/gavinzhulei/vue-form-making 3.vxe-table一个基于vue的表格组件,支持增删改查、虚拟滚动、懒加载...自 2014 年正式对外发布以来,Vue凭借着入门容易、资料丰富、框架功能完善等优势,成为国内许多前端开发者在众多 JavaScript框架中的首选。Gitee上这些优秀的开源Vue组件也 ...
一个基于 vue 的 PC 端表格组件,支持增删改查、虚拟树、列拖拽,懒加载、快捷菜单、数据校验、树形结构、打印、导入导出、自定义模板、渲染器、JSON 配置式... Latest version: 4.7.64002, last published: 4 months ago. Start using x-vxe-table-next in your project b
[x] 虚拟滚动 [x] 虚拟合并 [x] (pro) 单元格区域选取 [x] (pro) 单元格复制/粘贴 [x] (pro) 单元格查找和换 安装 版本: vue 3.x,依赖库: xe-utils npm install xe-utils vxe-table@next Get on unpkg and cdnjs npm import { createApp } from 'vue'import 'xe-utils'import VXETable fro...