vxe-table 不仅是高性能的表格,还是全能表格,从可编辑到数据校验、虚拟列表、动态行高、动态宽度、行拖拽调整顺序、列拖拽调整顺序,等功能太多了。 要实现简单功能就能实现简单都能,要实现复杂功能就能实现复杂功能。 纯vue 表格的优点:就是可以充分利用 vue 生态组件,全兼容任意组件库,直接就集成能使用。 缺点:就是...
v4.0 基于 vue3.2+,只支持现代浏览器,不支持 IE 下一阶段:sticky 渲染模式、css 变量主题、将虚拟滚动提升到极致、虚拟滚动动态行高、数据图表可视化 QQ 交流群 浏览器支持 80+ ✔80+ ✔90+ ✔75+ ✔10+ ✔ 功能点 基础表格 高级表格 斑马线条纹 多种边框 单元格样式 列宽拖动 最大高度 自适应宽...
- `row-height`:表格行高,可以自定义样式。 - `cell-class-name`:单元格的类名,可以自定义样式。 - `row-class-name`:表格行的类名,可以自定义样式。 四、vxetable 的示例代码和实际应用 以下是一个简单的vxetable 示例代码: ```html <template> <div> <vxetable ref="xetable" :data="data" :colum...
https://xuliangzhan_admin.gitee.io/vxe-table/v3/#/list/api (注:必须固定容器高度和行高) <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="[`l...
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...
属性描述类型 gt 指定大于多少范围时自动启动滚动渲染 Number oSize 超过指定阈值重新渲染 Number rSize 每次渲染条数 Number vSize 指定可视区域条数,默认自动计算 Number rHeight 指定行高,默认自动计算 Numbermouse-config 鼠标相关配置项说明属性描述类型可选值默认值 selected 开启左键选中功能 Boolean — false ...
[ ] v3.9 基于 vue2.6+,重构拆分组件,分为 Vxe table 和Vxe UI,将支持可视化组件 [x] v4.0 基于 vue3.2+,只支持现代浏览器,不支持 IE [x] v4.7 基于 vue3.2+,重构拆分组件,分为 Vxe table 和Vxe UI,将支持可视化组件 [ ] 下一阶段:sticky 渲染模式、将虚拟滚动提升到极致、虚拟滚动动态行高、数据图...
。[ ]下一阶段: sticky 染模式、css 变量主题、将虚拟滚动提升到极致、虚拟滚动动态行高、数据图表可视化 浏览器支持 功能点 [x] 基础表格 [x] 高级表格 [x] 斑马线条纹 [x] 多种边框 ·[x] 单元格样式 [x] 列宽拖动 [x] 最大高度 [x] 自适应宽高 ...
[x] v2.0 基于 vue2.6,支持所有主流的浏览器,同时兼具功能与性能 [x] v3.0 基于 vue2.6,支持现代浏览器并保留兼容 IE11 [x] v4.0 基于 vue3.x,只支持现代浏览器,不支持 IE [ ] 下一阶段:sticky 渲染模式、将虚拟滚动提升到极致、虚拟滚动动态行高、数据图表可视化浏览器支持80...
* [ ] 下一阶段: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 @@ * 為單行編輯表格而設計,支持增删改查及更多擴展,强...