[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-10045":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":24,"hasPages":22,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":43,"readmeContent":44,"aiSummary":45,"trendingCount":16,"starSnapshotCount":16,"syncStatus":46,"lastSyncTime":47,"discoverSource":48},10045,"vxe-table","x-extends\u002Fvxe-table","x-extends","vxe table 支持 vue2, vue3 的表格解决方案","https:\u002F\u002Fvxetable.cn",null,"TypeScript",8589,1145,94,1285,0,15,38,7,40.18,"MIT License",false,"main",true,[26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,5,42],"cell","checkbox","editable","form","grid","input","modal","pager","radio","select","switch","table","toolbar","vue","vue-table","vxe-grid","vxe-ui","2026-06-12 02:02:16","# vxe-table\n\n简体中文 | [繁體中文](README.zh-TW.md) | [English](README.en.md) | [日本語](README.ja-JP.md)  \n\n[![github star](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fx-extends\u002Fvxe-table.svg)](https:\u002F\u002Fgithub.com\u002Fx-extends\u002Fvxe-table\u002Fstargazers)\n[![gitee star](https:\u002F\u002Fgitee.com\u002Fx-extends\u002Fvxe-table\u002Fbadge\u002Fstar.svg?theme=gvp)](https:\u002F\u002Fgitee.com\u002Fx-extends\u002Fvxe-table\u002Fstargazers)\n[![gitcode star](https:\u002F\u002Fgitcode.com\u002Fx-extends\u002Fvxe-table\u002Fstar\u002Fbadge.svg)](https:\u002F\u002Fgitcode.com\u002Fx-extends\u002Fvxe-table\u002Fstargazers)\n[![NodeJS with Webpack](https:\u002F\u002Fgithub.com\u002Fx-extends\u002Fvxe-table\u002Factions\u002Fworkflows\u002Fwebpack.yml\u002Fbadge.svg)](https:\u002F\u002Fgithub.com\u002Fx-extends\u002Fvxe-table\u002Factions\u002Fworkflows\u002Fwebpack.yml)\n[![npm downloads](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdt\u002Fvxe-table.svg?style=flat-square)](https:\u002F\u002Fnpm-stat.com\u002Fcharts.html?package=vxe-table)\n[![issues](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fissues\u002Fx-extends\u002Fvxe-table.svg)](https:\u002F\u002Fgithub.com\u002Fx-extends\u002Fvxe-table\u002Fissues)\n[![issues closed](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fissues-closed\u002Fx-extends\u002Fvxe-table.svg)](https:\u002F\u002Fgithub.com\u002Fx-extends\u002Fvxe-table\u002Fissues?q=is%3Aissue+is%3Aclosed)\n[![pull requests](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fissues-pr\u002Fx-extends\u002Fvxe-table.svg)](https:\u002F\u002Fgithub.com\u002Fx-extends\u002Fvxe-table\u002Fpulls)\n[![pull requests closed](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fissues-pr-closed\u002Fx-extends\u002Fvxe-table.svg)](https:\u002F\u002Fgithub.com\u002Fx-extends\u002Fvxe-table\u002Fpulls?q=is%3Apr+is%3Aclosed)\n[![npm license](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Fmashape\u002Fapistatus.svg)](LICENSE)\n\n一个基于 [Vxe UI](https:\u002F\u002Fgithub.com\u002Fx-extends\u002Fvxe-pc-ui) 的 PC 端表格组件，支持增删改查的可编辑表格，支持 Excel 复制粘贴、数据透视表、虚拟列表高性能的企业级表格解决方案\n\n* 设计理念\n  * 面向现代浏览器，不支持 IE\n  * 双向数据流的设计，在渲染器或自定义扩展中支持直接操作数据值，达到最高效的简洁 API 设计\n  * 按需加载、自定义主题样式\n\n* 版本说明\n  * **V4**\n    * [ ] v4.20 功能需求收集中，大福提升渲染性能，优化百万级渲染量\n    * [x] v4.19 增加对增删改操作撤销回退的支持\n    * [x] v4.18 内部优化，优化键盘操作\n    * [x] v4.17 优化触摸板操作；重构筛选渲染，筛选配置更简单功能更强大\n    * [x] v4.16 适配 Gantt 甘特图\n    * [x] v4.15 优化虚拟渲染，降低内存的占用率\n    * [x] v4.14 重构虚拟渲染，提高渲染与拖拽效果流畅度\n    * [x] v4.13 优化虚拟渲染，提升 Chrome、Safari、Firefox 流畅度极兼容性\n    * [x] v4.12 重构虚拟渲染，支持百万级数据渲染、渲染性能及流畅度大幅提升\n    * [x] v4.11 重构展开行功能，同时支持展开行与虚拟渲染和冻结列\n    * [x] v4.7 基于 vue3.2+，内部重构，拆分 Table 库和 UI 库，只支持现代浏览器，不支持 IE\n    * [x] ~~v4.0 基于 vue3.2+，只支持现代浏览器，不支持 IE（2020-03-01 ~ 2024-12-01 已停止维护）~~\n  * **V3**\n    * [ ] v3.22 功能需求收集中，大福提升渲染性能，优化百万级渲染量\n    * [x] v3.21 增加对增删改操作撤销回退的支持\n    * [x] v3.20 优化渲染性能，优化键盘操作\n    * [x] v3.19 优化触摸板操作；重构筛选渲染，筛选配置更简单功能更强大\n    * [x] v3.18 适配 Gantt 甘特图\n    * [x] v3.17 优化虚拟渲染，降低内存的占用率\n    * [x] v3.16 重构虚拟渲染，提高渲染与拖拽效果流畅度\n    * [x] v3.15 优化虚拟渲染，提升 Chrome、Safari、Firefox 流畅度极兼容性\n    * [x] v3.14 重构虚拟渲染，支持百万级数据渲染、渲染性能及流畅度大幅提升\n    * [x] v3.13 重构展开行功能，同时支持展开行与虚拟渲染和冻结列\n    * [x] v3.9 基于 vue2.6~2.7，内部重构，拆分 Table 库和 UI 库，只支持现代浏览器，不支持 IE\n    * [x] ~~v3.0 基于 vue2.6~2.7，支持现代浏览器并保留兼容 IE11（2020-03-01 ~ 2024-12-01 已停止维护）~~\n  * **V2**\n    * [x] ~~v2.0 基于 vue2.6~2.7，支持所有主流的浏览器，同时兼具功能与性能（2019-03-01 ~ 2021-12-01 已停止维护）~~\n  * **V1**\n    * [x] ~~v1.0 基于 vue2.6~2.7，支持所有主流的浏览器，实现表格的一切实用的功能（2018-02-01 ~ 2020-04-01 已停止维护）~~\n* 版本计划\n    * [x] 优化展开行与冻结列\n    * [ ] 优化虚拟渲染，支持千万级数据渲染\n    * [ ] 数据图表可视化\n\n## 浏览器支持\n\n![Edge](https:\u002F\u002Fraw.github.com\u002Falrra\u002Fbrowser-logos\u002Fmaster\u002Fsrc\u002Fedge\u002Fedge_48x48.png) | ![Chrome](https:\u002F\u002Fraw.github.com\u002Falrra\u002Fbrowser-logos\u002Fmaster\u002Fsrc\u002Fchrome\u002Fchrome_48x48.png) | ![Firefox](https:\u002F\u002Fraw.github.com\u002Falrra\u002Fbrowser-logos\u002Fmaster\u002Fsrc\u002Ffirefox\u002Ffirefox_48x48.png) | ![Opera](https:\u002F\u002Fraw.github.com\u002Falrra\u002Fbrowser-logos\u002Fmaster\u002Fsrc\u002Fopera\u002Fopera_48x48.png) | ![Safari](https:\u002F\u002Fraw.github.com\u002Falrra\u002Fbrowser-logos\u002Fmaster\u002Fsrc\u002Fsafari\u002Fsafari_48x48.png)\n--- | --- | --- | --- | --- |\n80+ ✔ | 80+ ✔ | 90+ ✔ | 75+ ✔ | 10+ ✔ |\n\n## 在线文档\n\n👉 [基础库](https:\u002F\u002Fvxeui.com)  \n👉 [表格库](https:\u002F\u002Fvxetable.cn)  \n👉 [甘特图](https:\u002F\u002Fgantt.vxeui.com)  \n👉 [可视化](https:\u002F\u002Fdesign.vxeui.com)  \n\n## QQ 交流群\n\n该群供大家交流問題，如果群人数已满，将会不定期剔除不活跃的。  \n\n![qq](https:\u002F\u002Fvxeui.com\u002Fresource\u002Fdonation\u002Fqq1.png)\n![qq](https:\u002F\u002Fvxeui.com\u002Fresource\u002Fdonation\u002Fqq2.png)\n\n## 功能点\n\n* [x] 基础表格\n* [x] 配置式表格\n* [x] 斑马线条纹\n* [x] 多种边框\n* [x] 单元格样式\n* [x] 列宽拖动\n* [x] 列拖拽排序\n* [x] 行拖拽排序\n* [x] 最小\u002F最大高度\n* [x] 自适应宽高\n* [x] 固定列\n* [x] 多级表头\n* [x] 表尾数据\n* [x] 高亮行或列\n* [x] 序号\n* [x] 单选框\n* [x] 复选框\n* [x] 排序\n* [x] 多字段排序\n* [x] 筛选\n* [x] 合并单元格\n* [x] 合并表尾\n* [x] 行分组\n* [x] 导入\u002F导出\u002F打印\n* [x] 显示\u002F隐藏列\n* [x] 拖拽\u002F自定义列排序\n* [x] 加载中\n* [x] 格式化内容\n* [x] 自定义插槽 - 模板\n* [x] 快捷菜单\n* [x] 展开行\n* [x] 工具栏\n* [x] 虚拟树\n* [x] 增删改查\n* [x] 数据校验\n* [x] 数据代理\n* [x] 键盘导航\n* [x] 渲染器\n* [x] 虚拟滚动\n* [x] 虚拟合并\n* [x] CSS 变量主题\n* [x] ([企业版](https:\u002F\u002Fstore.vxeui.com)) 数据汇总\n* [x] ([企业版](https:\u002F\u002Fstore.vxeui.com)) 聚合函数\n* [x] ([企业版](https:\u002F\u002Fstore.vxeui.com)) 单元格区域选取\n* [x] ([企业版](https:\u002F\u002Fstore.vxeui.com)) 单元格复制\u002F粘贴\n* [x] ([企业版](https:\u002F\u002Fstore.vxeui.com)) 单元格查找和替换\n* [x] ([企业版](https:\u002F\u002Fstore.vxeui.com)) 全键盘操作\n* [x] ([企业版](https:\u002F\u002Fstore.vxeui.com)) 集成图表\n\n## 安装\n\n版本：[vue](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fvue) 3.x\n\n```shell\nnpm install vxe-table\n```\n\nGet on [unpkg](https:\u002F\u002Funpkg.com\u002Fvxe-table\u002F) and [cdnjs](https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002Fvxe-table\u002F)\n\n\n### NPM\n\n```javascript\n\u002F\u002F ...\nimport VxeUITable from 'vxe-table'\nimport 'vxe-table\u002Flib\u002Fstyle.css'\n\u002F\u002F ...\n\ncreateApp(App).use(VxeUITable).mount('#app')\n```\n\n### CDN\n\n使用第三方 CDN 方式记得锁定版本号，避免受到非兼容性更新的影响  \n***不建议将第三方的 CDN 地址用于正式环境，因为该连接随时都可能会失效***  \n\n```HTML\n\u003C!DOCTYPE html>\n\u003Chtml>\n\u003Chead>\n  \u003Cmeta charset=\"utf-8\">\n  \u003Cmeta http-equiv=\"Cache-Control\" content=\"no-cache, no-store, must-revalidate\">\n  \u003Cmeta http-equiv=\"X-UA-Compatible\" content=\"IE=edge,chrome=1\">\n  \u003C!-- style -->\n  \u003Clink rel=\"stylesheet\" href=\"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002Fvxe-pc-ui@4\u002Flib\u002Fstyle.css\">\n  \u003Clink rel=\"stylesheet\" href=\"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002Fvxe-table@4\u002Flib\u002Fstyle.css\">\n  \u003C!-- vue -->\n  \u003Cscript src=\"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002Fvue@3\">\u003C\u002Fscript>\n  \u003C!-- table -->\n  \u003Cscript src=\"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002Fxe-utils\">\u003C\u002Fscript>\n  \u003Cscript src=\"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002Fvxe-pc-ui@4\">\u003C\u002Fscript>\n  \u003Cscript src=\"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002Fvxe-table@4\">\u003C\u002Fscript>\n\u003C\u002Fhead>\n\u003Cbody>\n  \u003Cdiv id=\"app\">\n    \u003Cdiv>\n      \u003Cvxe-table :data=\"tableData\">\n        \u003Cvxe-column type=\"seq\" title=\"Seq\" width=\"60\">\u003C\u002Fvxe-column>\n        \u003Cvxe-column field=\"name\" title=\"Name\">\u003C\u002Fvxe-column>\n        \u003Cvxe-column field=\"role\" title=\"Role\">\u003C\u002Fvxe-column>\n        \u003Cvxe-colgroup title=\"Group1\">\n          \u003Cvxe-column field=\"sex\" title=\"Sex\">\u003C\u002Fvxe-column>\n          \u003Cvxe-column field=\"address\" title=\"Address\">\u003C\u002Fvxe-column>\n        \u003C\u002Fvxe-colgroup>\n      \u003C\u002Fvxe-table>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n  \u003Cscript>\n    (function () {\n      var App = {\n        data() {\n          return {\n            tableData: [\n              { id: 10001, name: 'Test1', role: 'Develop', sex: 'Man', address: 'Shenzhen' },\n              { id: 10002, name: 'Test2', role: 'Test', sex: 'Man', address: 'Guangzhou' },\n              { id: 10003, name: 'Test3', role: 'PM', sex: 'Man', address: 'Shanghai' }\n            ]\n          }\n        }\n      }\n      Vue.createApp(App).use(VxeUI).use(VXETable).mount('#app')\n    })()\n  \u003C\u002Fscript>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>\n```\n\n## 示例\n\n```html\n\u003Ctemplate>\n  \u003Cdiv>\n    \u003Cvxe-table :data=\"tableData\">\n      \u003Cvxe-column type=\"seq\" title=\"Seq\" width=\"60\">\u003C\u002Fvxe-column>\n      \u003Cvxe-column field=\"name\" title=\"Name\">\u003C\u002Fvxe-column>\n      \u003Cvxe-column field=\"role\" title=\"Role\">\u003C\u002Fvxe-column>\n      \u003Cvxe-colgroup title=\"Group1\">\n        \u003Cvxe-column field=\"sex\" title=\"Sex\">\u003C\u002Fvxe-column>\n        \u003Cvxe-column field=\"address\" title=\"Address\">\u003C\u002Fvxe-column>\n      \u003C\u002Fvxe-colgroup>\n    \u003C\u002Fvxe-table>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript>\nexport default {\n  data() {\n    return {\n      tableData: [\n        { id: 10001, name: 'Test1', role: 'Develop', sex: 'Man', address: 'Shenzhen' },\n        { id: 10002, name: 'Test2', role: 'Test', sex: 'Man', address: 'Guangzhou' },\n        { id: 10003, name: 'Test3', role: 'PM', sex: 'Man', address: 'Shanghai' }\n      ]\n    }\n  }\n}\n\u003C\u002Fscript>\n```\n\n## 运行项目\n\n安装依赖\n\n```shell\nnpm run update\n```\n\n启动本地调试\n\n```shell\nnpm run serve\n```\n\n编译打包，生成编译后的目录：es,lib\n\n```shell\nnpm run lib\n```\n\n## Contributors\n\nThank you to everyone who contributed to this project.\n\n[![vxe-table](https:\u002F\u002Fcontrib.rocks\u002Fimage?repo=x-extends\u002Fvxe-table)](https:\u002F\u002Fgithub.com\u002Fx-extends\u002Fvxe-table\u002Fgraphs\u002Fcontributors)\n\n## License\n\n[MIT](LICENSE) © 2019-present, Xu Liangzhan\n","vxe-table 是一个支持 Vue2 和 Vue3 的企业级表格解决方案。它提供了丰富的功能，如增删改查、Excel 夋制粘贴、数据透视表和虚拟列表等，特别适合处理大规模数据。该组件采用 TypeScript 编写，具有双向数据流设计，支持按需加载和自定义主题样式。vxe-table 适用于需要高效处理大量数据并提供良好用户体验的企业级 Web 应用场景，尤其在数据分析、报表展示等方面表现突出。",2,"2026-06-11 03:26:15","top_topic"]