Repolode
x-extends

x-extends/vxe-table

基于 Vue 2/3 的 PC 端表格组件,支持可编辑表格、虚拟滚动和 Excel 式复制粘贴。

可替代:HandsontableAG Grid

Star
8,631
Fork
1,142
未关闭 Issue
1,348
最近提交
前天

这是什么?

vxe-table 是一个面向 PC 端 Web 应用的企业级表格组件,基于 Vxe UI 基础库构建,同时支持 Vue 2 和 Vue 3。它提供增删改查的可编辑表格、数据校验、增删改操作的撤销回退以及完整的键盘导航。

组件覆盖常见的复杂表格需求,包括固定列、多级表头、合并单元格、行分组、展开行、虚拟树、行列拖拽排序、显示隐藏列以及导入导出打印。针对大数据量场景,它通过虚拟滚动和虚拟合并保证渲染性能,并可用 CSS 变量自定义主题样式。

项目按 Vue 版本分为两条分支:v3 分支对应 Vue 2.6~2.7,v4 分支对应 Vue 3.x。数据汇总、聚合函数、单元格区域选取、复制粘贴、查找替换和集成图表等功能属于企业版能力。

核心功能

  • 01支持增删改查的可编辑表格
  • 02虚拟滚动与虚拟合并,适合大数据量渲染
  • 03固定列、多级表头、合并单元格和行分组
  • 04筛选、多字段排序以及行列拖拽调整
  • 05数据校验、增删改撤销回退和完整键盘操作
  • 06CSS 变量主题与按需加载

适用场景

  • 在 Vue 项目中构建可编辑的后台管理数据表格
  • 展示需要流畅滚动的大规模表格数据
  • 制作带数据校验的类 Excel 数据录入界面

快速上手

  1. 1

    从 npm 安装包

    npm install vxe-table
  2. 2

    导入组件和样式,并注册到 Vue 中

  3. 3

    在模板中使用 vxe-table 组件并传入数据和列

使用前须知

  • 安装说明针对 Vue 3;Vue 2 版本位于单独的 v3 分支。
  • 不支持 IE 浏览器。
  • 部分高级功能(如 Excel 式复制粘贴、数据汇总)在 README 中标注为企业版功能。

标签

#vue#table#data-grid#virtual-scroll#editable-table#typescript#components#cell#checkbox#editable

常见问题

vxe-table 是什么?
基于 Vue 2/3 的 PC 端表格组件,支持可编辑表格、虚拟滚动和 Excel 式复制粘贴。 vxe-table 是一个面向 PC 端 Web 应用的企业级表格组件,基于 Vxe UI 基础库构建,同时支持 Vue 2 和 Vue 3。它提供增删改查的可编辑表格、数据校验、增删改操作的撤销回退以及完整的键盘导航。
vxe-table 可以免费使用吗?用的什么许可证?
vxe-table 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
vxe-table 还在维护吗?
活跃维护中。vxe-table 最近一次提交是在 2026年11月5日。
vxe-table 适合用来做什么?
在 Vue 项目中构建可编辑的后台管理数据表格 展示需要流畅滚动的大规模表格数据 制作带数据校验的类 Excel 数据录入界面
vxe-table 怎么安装和运行?
从 npm 安装包: npm install vxe-table 导入组件和样式,并注册到 Vue 中 在模板中使用 vxe-table 组件并传入数据和列
在哪里获取 vxe-table?
源代码和安装说明在 GitHub 上:https://github.com/x-extends/vxe-table

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目