官网:https://vxetable.cn/ 以前老版本不支持虚拟滚动动态行高,vxe-table 新版本发布后,已经可以支持虚拟滚动和动态行高了。如果需要同等行高,只需加上 show-overflow 就可以了,同等行高的渲染性能是最优的,动态行高支持的最大数量低非常多。 建议非必要的场景应该使用同等行高,特殊需求场景在使用动态行高。 <templa...
因为我们需要计算行高,防止数据没渲染就被计算,所以用样式穿透要去掉所有vxe-table默认的样式 vxe-table--body-wrapper底下的列vxe-body--column和单元格vxe-cell都用这个 padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px; 同时也要防止表格宽度没有初始化完成而影响计算结果,我们直接设置...
官网:https://vxetable.cn 支持vue2 和 vue3,不同版本的安装方式可以看官方文档,以下是vue3的用法: npm install vxe-pc-ui@4.3.2 vxe-table@4.9.4 // ...importVxeUIfrom'vxe-pc-ui'import'vxe-pc-ui/lib/style.css'importVxeUITablefrom'vxe-table'import'vxe-table/lib/style.css'// ...create...
import { createApp } from 'vue' import 'xe-utils' import VXETable from 'vxe-table' import 'vxe-table/lib/style.css' createApp(App).use(VXETable).mount('#app')CDN不建议将公共的 CDN 地址用于生产,因为该连接随时都可能会失效,导致项目挂掉; 使用CDN 方式记得锁定版本号,避免受到非兼容性更新的...
vxe-table简体中文 | 繁體中文 | English一个基于 vue 的PC 端表单/表格组件,支持增删改查、虚拟列表、虚拟树、懒加载、快捷菜单、数据校验、打印导出、表单渲染、数据分页、弹窗、自定义模板、渲染器、JSON 配置式...设计理念 面向现代浏览器,高效的简洁 API 设计 模块化表格、按需加载 为单行编辑表格而设计,支...
27 * [ ] 下一阶段:sticky 渲染模式、css 变量主题、将虚拟滚动提升到极致、虚拟滚动动态行高、数据图表可视化 28 29 ## QQ 交流群 30 31  ...
name: 'TableScrollKeepAliveTable1' } }, { label: 'app.aside.nav.scrollMode', locat: { name: 'TableScrollMode' } }, { label: 'app.aside.nav.scrollRows', locat: { Expand Down 18 changes: 9 additions & 9 deletions 18 examples/api/input.js Show comments View file Edit file Delet...
一个基于 vue 的 PC 端表格组件,支持增删改查、虚拟树、列拖拽,懒加载、快捷菜单、数据校验、树形结构、打印、导入导出、自定义模板、渲染器、JSON 配置式... Latest version: 4.7.46, last published: 6 months ago. Start using vxe-table-cfc in your project by runn
v4.7 基于 vue3.2+,重构拆分组件,分为Vxe table和Vxe UI,将支持可视化组件 下一阶段:sticky 渲染模式、将虚拟滚动提升到极致、虚拟滚动动态行高、数据图表可视化 浏览器支持 80+ ✔80+ ✔90+ ✔75+ ✔10+ ✔ 功能点 基础表格 配置式表格
import { createApp } from 'vue'import 'xe-utils'import VXETable from 'vxe-table'import 'vxe-table/lib/style.css' createApp(App).use(VXETable).mount('#app') CDN 不建议将第三方的 CDN 地址用于生产,因为该连接随时都可能会失效,导致项目挂掉使用 CDN 方式记得锁定版本号,避免受到非兼容性更新的...