{"id":13492671,"url":"https://github.com/x-extends/vxe-table","last_synced_at":"2026-04-06T17:04:40.914Z","repository":{"id":37373004,"uuid":"182395618","full_name":"x-extends/vxe-table","owner":"x-extends","description":"Vxe Table 支持 vue2, vue3 的表格解决方案","archived":false,"fork":false,"pushed_at":"2025-05-12T01:51:47.000Z","size":249999,"stargazers_count":8072,"open_issues_count":1140,"forks_count":1103,"subscribers_count":99,"default_branch":"master","last_synced_at":"2025-05-12T04:11:12.459Z","etag":null,"topics":["cell","checkbox","editable","form","grid","input","modal","pager","radio","select","switch","table","toolbar","vue","vue-table","vxe-grid","vxe-table","vxe-ui"],"latest_commit_sha":null,"homepage":"https://vxetable.cn","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/x-extends.png","metadata":{"files":{"readme":"README.en.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"custom":["https://vxetable.cn/#/donation/api"]}},"created_at":"2019-04-20T11:07:35.000Z","updated_at":"2025-05-12T00:04:12.000Z","dependencies_parsed_at":"2023-10-12T08:08:10.390Z","dependency_job_id":"4ffaa187-4da9-43a1-b1c9-68cf1a4abba6","html_url":"https://github.com/x-extends/vxe-table","commit_stats":{"total_commits":3108,"total_committers":35,"mean_commits":88.8,"dds":"0.018018018018018056","last_synced_commit":"9c901324158758f37a3471dd7c77afdaf58d084a"},"previous_names":["xuliangzhan/vxe-table"],"tags_count":1018,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/x-extends%2Fvxe-table","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/x-extends%2Fvxe-table/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/x-extends%2Fvxe-table/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/x-extends%2Fvxe-table/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/x-extends","download_url":"https://codeload.github.com/x-extends/vxe-table/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253673382,"owners_count":21945596,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cell","checkbox","editable","form","grid","input","modal","pager","radio","select","switch","table","toolbar","vue","vue-table","vxe-grid","vxe-table","vxe-ui"],"created_at":"2024-07-31T19:01:08.096Z","updated_at":"2026-02-22T14:24:16.560Z","avatar_url":"https://github.com/x-extends.png","language":"TypeScript","readme":"# vxe-table\n\n[简体中文](README.md) | [繁體中文](README.zh-TW.md) | English | [日本語](README.ja-JP.md)  \n\n[![star](https://gitee.com/x-extends/vxe-table/badge/star.svg?theme=gvp)](https://gitee.com/x-extends/vxe-table/stargazers)\n[![npm version](https://img.shields.io/npm/v/vxe-table.svg?style=flat-square)](https://www.npmjs.com/package/vxe-table)\n[![NodeJS with Webpack](https://github.com/x-extends/vxe-table/actions/workflows/webpack.yml/badge.svg)](https://github.com/x-extends/vxe-table/actions/workflows/webpack.yml)\n[![npm downloads](https://img.shields.io/npm/dt/vxe-table.svg?style=flat-square)](https://npm-stat.com/charts.html?package=vxe-table)\n[![issues](https://img.shields.io/github/issues/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/issues)\n[![issues closed](https://img.shields.io/github/issues-closed/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/issues?q=is%3Aissue+is%3Aclosed)\n[![pull requests](https://img.shields.io/github/issues-pr/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/pulls)\n[![pull requests closed](https://img.shields.io/github/issues-pr-closed/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/pulls?q=is%3Apr+is%3Aclosed)\n[![npm license](https://img.shields.io/github/license/mashape/apistatus.svg)](LICENSE)\n\nA [vue](https://www.npmjs.com/package/vue) based PC form component, support add delete change check, virtual tree, drag and drop, lazy loading, shortcut menu, data verification, import/export/print, form rendering, custom template, renderer, JSON configuration...\n\n## Browser Support\n\n![Edge](https://raw.github.com/alrra/browser-logos/master/src/edge/edge_48x48.png) | ![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/src/opera/opera_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/src/safari/safari_48x48.png)\n--- | --- | --- | --- | --- |\nLatest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ |\n\n## Features\n\n* [x] Basic table\n* [x] Configuration grid\n* [x] Striped\n* [x] Table with border\n* [x] Cell style\n* [x] Column resizing\n* [x] Column drag and drop\n* [x] Row drag and drop\n* [x] Minimum/maximum height\n* [x] Resize height \u0026 width\n* [x] Fixed column\n* [x] Grouping table header\n* [x] Table footer\n* [x] Highlight row \u0026 column\n* [x] Table sequence\n* [x] Radio\n* [x] Checkbox\n* [x] Sorting\n* [x] Multi field sorting\n* [x] Filter\n* [x] Merged cells\n* [x] Merged footer items\n* [x] Import/Export/Print\n* [x] Show/Hide column\n* [x] Drag and drop/Customize column sorting\n* [x] Loading\n* [x] Formatted cell\n* [x] Slot - template\n* [x] Context menu\n* [x] Detail - Expandable row\n* [x] Toolbar\n* [x] Virtual tree\n* [x] Editable CRUD\n* [x] Validate\n* [x] Data Proxy\n* [x] Keyboard navigation\n* [x] VxeGlobalRenderer\n* [x] Virtual scroll\n* [x] Virtual merger\n* [x] CSS Variable Theme\n* [x] ([Enterprise](https://vxetable.cn/pluginDocs/)) Cell area selection\n* [x] ([Enterprise](https://vxetable.cn/pluginDocs/)) Cell copy \u0026 paste\n* [x] ([Enterprise](https://vxetable.cn/pluginDocs/)) Cell find and replace\n* [x] ([Enterprise](https://vxetable.cn/pluginDocs/)) Full keyboard operation\n* [x] ([Enterprise](https://vxetable.cn/pluginDocs/)) Integrated chart\n\n## Installing\n\nVersion: [vue](https://www.npmjs.com/package/vue) 3.x\n\n```shell\nnpm install vxe-table@next\n```\n\nGet on [unpkg](https://unpkg.com/vxe-table/) and [cdnjs](https://cdn.jsdelivr.net/npm/vxe-table/)\n\n### NPM\n\n### Use Table\n\n```javascript\n// ...\nimport VxeTable from 'vxe-table'\nimport 'vxe-table/lib/style.css'\n// ...\n\ncreateApp(App).use(VxeTable).mount('#app')\n```\n\n### Use Table and UI\n\n```javascript\n// ...\nimport VxeTable from 'vxe-table'\nimport 'vxe-table/lib/style.css'\n// ...\n\nimport VxeUI from 'vxe-pc-ui'\nimport 'vxe-pc-ui/lib/style.css'\n// ...\n\ncreateApp(App).use(VxeUI).use(VxeTable).mount('#app')\n```\n\n### CDN\n\nUse a third-party CDN to remember to lock the version number to avoid being affected by incompatible updates.  \n***It is not recommended to use the CDN address of a third party in a formal environment because the connection can fail at any time***  \n\n```HTML\n\u003c!-- style --\u003e\n\u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/vxe-pc-ui/lib/style.css\"\u003e\n\u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/vxe-table@next/lib/style.css\"\u003e\n\u003c!-- vue --\u003e\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/vue\"\u003e\u003c/script\u003e\n\u003c!-- table --\u003e\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/xe-utils\"\u003e\u003c/script\u003e\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/vxe-pc-ui\"\u003e\u003c/script\u003e\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/vxe-table@next\"\u003e\u003c/script\u003e\n```\n\n## Example\n\n```html\n\u003ctemplate\u003e\n  \u003cdiv\u003e\n    \u003cvxe-table :data=\"tableData\"\u003e\n      \u003cvxe-column type=\"seq\" title=\"Seq\" width=\"60\"\u003e\u003c/vxe-column\u003e\n      \u003cvxe-column field=\"name\" title=\"Name\"\u003e\u003c/vxe-column\u003e\n      \u003cvxe-column field=\"role\" title=\"Role\"\u003e\u003c/vxe-column\u003e\n      \u003cvxe-colgroup title=\"Group1\"\u003e\n        \u003cvxe-column field=\"sex\" title=\"Sex\"\u003e\u003c/vxe-column\u003e\n        \u003cvxe-column field=\"address\" title=\"Address\"\u003e\u003c/vxe-column\u003e\n      \u003c/vxe-colgroup\u003e\n    \u003c/vxe-table\u003e\n  \u003c/div\u003e\n\u003c/template\u003e\n\n\u003cscript lang=\"ts\" setup\u003e\nimport { ref } from 'vue'\n\nconst tableData = ref([\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\u003c/script\u003e\n```\n\n## Online Documents\n\n👉 [UI Document](https://vxeui.com)  \n👉 [Table Document](https://vxetable.cn)  \n\n## Run the project\n\nInstall dependencies\n\n```shell\nnpm run update\n```\n\nStart local debugging\n\n```shell\nnpm run serve\n```\n\nCompile packaging, generated compiled directory: 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://contrib.rocks/image?repo=x-extends/vxe-table)](https://github.com/x-extends/vxe-table/graphs/contributors)\n\n## License\n\n[MIT](LICENSE) © 2019-present, Xu Liangzhan\n","funding_links":["https://vxetable.cn/#/donation/api"],"categories":["TypeScript","Components \u0026 Libraries","JavaScript","TypeScript (64)","前端开发框架及项目","Uncategorized"],"sub_categories":["UI Components","Vue工具库","Uncategorized"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fx-extends%2Fvxe-table","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fx-extends%2Fvxe-table","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fx-extends%2Fvxe-table/lists"}