vxe-table 虚拟滚动 vxe-table 官方的虚拟滚动问题蛮多的,开了虚拟滚动,行高就固定了,多余的内容就不显示,这能拿出来用? 还是来手动实现吧 思路 我们需要实现动态行高,肯定需要先渲染再去计算行高,所以我们需要使用两个表格组件,一个用来显示数据的,另一个用来计算高度 我们把显示数据的表格叫visibleList,计算高度...
vxe-table 不仅是高性能的表格,还是全能表格,从可编辑到数据校验、虚拟列表、动态行高、动态宽度、行拖拽调整顺序、列拖拽调整顺序,等功能太多了。 要实现简单功能就能实现简单都能,要实现复杂功能就能实现复杂功能。 纯vue 表格的优点:就是可以充分利用 vue 生态组件,全兼容任意组件库,直接就集成能使用。 缺点:就是...
v4.0 基于 vue3.2+,只支持现代浏览器,不支持 IE 下一阶段:sticky 渲染模式、css 变量主题、将虚拟滚动提升到极致、虚拟滚动动态行高、数据图表可视化 QQ 交流群 浏览器支持 80+ ✔80+ ✔90+ ✔75+ ✔10+ ✔ 功能点 基础表格 高级表格 斑马线条纹 多种边框 单元格样式 列宽拖动 最大高度 自适应宽...
[ ] v3.9 基于 vue2.6+,重构拆分组件,分为 Vxe table 和Vxe UI,将支持可视化组件 [x] v4.0 基于 vue3.2+,只支持现代浏览器,不支持 IE [x] v4.7 基于 vue3.2+,重构拆分组件,分为 Vxe table 和Vxe UI,将支持可视化组件 [ ] 下一阶段:sticky 渲染模式、将虚拟滚动提升到极致、虚拟滚动动态行高、数据图...
(注:必须固定容器高度和行高) <vxe-list height="240" class="my-tree" :loading="loading6" :data="list6"> <template #default="{ items }"> <div class="my-tree-item" v-for="item in items" :key="item.id" :class="[`level-${item._LEVEL}`, {'has-child': item._HAS_CHILDREN, ...
。[ ]下一阶段: sticky 染模式、css 变量主题、将虚拟滚动提升到极致、虚拟滚动动态行高、数据图表可视化 浏览器支持 功能点 [x] 基础表格 [x] 高级表格 [x] 斑马线条纹 [x] 多种边框 ·[x] 单元格样式 [x] 列宽拖动 [x] 最大高度 [x] 自适应宽高 ...
下一阶段:sticky 渲染模式、css 变量主题、将虚拟滚动提升到极致、虚拟滚动动态行高、数据图表可视化 QQ 交流群 80+ ✔80+ ✔90+ ✔75+ ✔10+ ✔ 功能点 基础表格 高级表格 斑马线条纹 多种边框 单元格样式 列宽拖动 最大高度 自适应宽高 ...
[x] v2.0 基于 vue2.6,支持所有主流的浏览器,同时兼具功能与性能 [x] v3.0 基于 vue2.6,支持现代浏览器并保留兼容 IE11 [x] v4.0 基于 vue3.x,只支持现代浏览器,不支持 IE [ ] 下一阶段:sticky 渲染模式、将虚拟滚动提升到极致、虚拟滚动动态行高、数据图表可视化浏览器支持80...
import Vue from 'vue' import 'xe-utils' // 全部引入 import VXETable from 'vxe-table' import 'vxe-table/lib/style.css' Vue.use(VXETable) 1. 2. 3. 4. 5. 6. 7. 8. 9. 单页面 <!-- 引入样式 --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vxe-table/lib/sty...
* [ ] 下一阶段:sticky 渲染模式、css 变量主题、将虚拟滚动提升到极致、虚拟滚动动态行高、数据图表可视化6 changes: 3 additions & 3 deletions 6 README.zh-TW.md Original file line numberDiff line numberDiff line change @@ -20,9 +20,9 @@ * 為單行編輯表格而設計,支持增删改查及更多擴展,强...