{"id":13647278,"url":"https://github.com/Happy-Coding-Clans/vue-easytable","last_synced_at":"2025-04-22T02:31:12.621Z","repository":{"id":37016192,"uuid":"75356542","full_name":"Happy-Coding-Clans/vue-easytable","owner":"Happy-Coding-Clans","description":"A  powerful data table based on vuejs. You can use  it as data grid、Microsoft Excel or Google sheets. It supports virtual scroll、cell edit etc. ","archived":false,"fork":false,"pushed_at":"2024-06-26T06:39:36.000Z","size":135553,"stargazers_count":3694,"open_issues_count":89,"forks_count":742,"subscribers_count":86,"default_branch":"master","last_synced_at":"2024-10-29T14:52:16.499Z","etag":null,"topics":["clipboard","component","contextmenu","excel","google-sheets","grid","loading-spinner","sheet","table","unit-test","virtual-scroll","vue","vue-easytable","vue-jest","vue-table","vuejs","vuejs2"],"latest_commit_sha":null,"homepage":"https://happy-coding-clans.github.io/vue-easytable/","language":"JavaScript","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/Happy-Coding-Clans.png","metadata":{"files":{"readme":"README-CN.md","changelog":"CHANGE-LOG.md","contributing":null,"funding":".github/FUNDING.yml","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},"funding":{"github":["Happy-Coding-Clans"],"patreon":"huangshuwei","open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2016-12-02T03:21:11.000Z","updated_at":"2024-10-29T03:40:49.000Z","dependencies_parsed_at":"2023-01-17T13:31:52.492Z","dependency_job_id":"7d6d832d-384c-4cb7-8056-d3131a9b9fe2","html_url":"https://github.com/Happy-Coding-Clans/vue-easytable","commit_stats":{"total_commits":2066,"total_committers":27,"mean_commits":76.51851851851852,"dds":0.3020329138431752,"last_synced_commit":"19f7c8e0be9856d54e1972b5f35e6ab2a51d4b67"},"previous_names":["huangshuwei/vue-easytable"],"tags_count":120,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Happy-Coding-Clans%2Fvue-easytable","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Happy-Coding-Clans%2Fvue-easytable/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Happy-Coding-Clans%2Fvue-easytable/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Happy-Coding-Clans%2Fvue-easytable/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Happy-Coding-Clans","download_url":"https://codeload.github.com/Happy-Coding-Clans/vue-easytable/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":222314882,"owners_count":16965439,"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":["clipboard","component","contextmenu","excel","google-sheets","grid","loading-spinner","sheet","table","unit-test","virtual-scroll","vue","vue-easytable","vue-jest","vue-table","vuejs","vuejs2"],"created_at":"2024-08-02T01:03:27.745Z","updated_at":"2024-11-09T21:30:24.146Z","avatar_url":"https://github.com/Happy-Coding-Clans.png","language":"JavaScript","readme":"[![npm](https://img.shields.io/npm/v/vue-easytable.svg)](https://www.npmjs.com/package/vue-easytable)\n[![vue2](https://img.shields.io/badge/vue-2.6+-brightgreen.svg)](https://vuejs.org/)\n[![NPM downloads](https://img.shields.io/npm/dm/vue-easytable.svg?style=flat)](https://npmjs.org/package/vue-easytable)\n[![codecov](https://codecov.io/gh/Happy-Coding-Clans/vue-easytable/branch/master/graph/badge.svg?token=UJy3LHInUn)](https://codecov.io/gh/Happy-Coding-Clans/vue-easytable)\n[![license](https://img.shields.io/npm/l/vue-easytable.svg?maxAge=2592000)](http://www.opensource.org/licenses/mit-license.php)\n[![Discord](https://img.shields.io/badge/chat-on%20discord-7289da.svg)](https://discord.gg/gBm3k6r)\n[![Gitter](https://badges.gitter.im/vue-easytable/community.svg)](https://gitter.im/vue-easytable/community?utm_source=badge\u0026utm_medium=badge\u0026utm_campaign=pr-badge)\n\n# vue-easytable\n\n[English](./README.md) | **中文**\n\n\u003cp\u003e\n  \u003ca href=\"https://www.patreon.com/huangshuwei\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://c5.patreon.com/external/logo/become_a_patron_button.png\" alt=\"Become a Patreon\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## Sponsors\n\n通过成为赞助商来支持这个项目。您的商标或名称将与您提供的链接一起显示在此处。[成为赞助商](https://www.patreon.com/huangshuwei)\n\n\u003ch3 align=\"center\"\u003eGold Sponsor\u003c/h3\u003e\n\u003ch3 align=\"center\"\u003eSilver Sponsor\u003c/h3\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://costcertified.com/\" target=\"_blank\"\u003e\n    \u003cimg width=\"150px\" src=\"https://huangshuwei.gitee.io/site/sponsors/silver-sponsor/Mamadou-Wann.svg\" alt=\"Become a Patreon\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\u003ch3 align=\"center\"\u003eGenerous Sponsor\u003c/h3\u003e\n\n## 介绍\n\n一个强大的 vue2.x 表格组件。你可以将它用做数据表、微软 excel 或者 goole sheet. 支持虚拟滚动、单元格编辑等功能。\n\n## 特点\n\n-   采用虚拟滚动技术，支持 30 万行数据展示\n-   永久免费。当然你也可以选择捐赠\n\n## API \u0026 文档\n\n-   [官方文档 (Github)](http://happy-coding-clans.github.io/vue-easytable/)\n-   [官方文档 (国内)](http://huangshuwei.gitee.io/vue-easytable/)\n\n## 功能支持\n\n**基础组件**\n\n-   [x] [Loading 加载组件](https://happy-coding-clans.github.io/vue-easytable/#/zh/doc/base/loading)\n-   [x] [Pagination 分页组件](https://happy-coding-clans.github.io/vue-easytable/#/zh/doc/base/pagination)\n-   [x] [Contextmenu 右键菜单组件](https://happy-coding-clans.github.io/vue-easytable/#/zh/doc/base/contextmenu)\n-   [x] [Icon 图标组件](https://happy-coding-clans.github.io/vue-easytable/#/zh/doc/base/icon)\n-   [x] [Locale 国际化组件](https://happy-coding-clans.github.io/vue-easytable/#/zh/doc/base/locale)\n\n**Table 组件**\n\n-   [x] [国际化](http://happy-coding-clans.github.io/vue-easytable/#/zh/doc/locale)\n-   [x] [主题定制 \u0026 内置主题](http://happy-coding-clans.github.io/vue-easytable/#/zh/doc/theme)\n-   [x] [虚拟滚动](http://happy-coding-clans.github.io/vue-easytable/#/zh/doc/table/virtual-scroll)\n-   [x] [列固定](http://happy-coding-clans.github.io/vue-easytable/#/zh/doc/table/column-fixed)\n-   [x] [列隐藏](http://happy-coding-clans.github.io/vue-easytable/#/zh/doc/table/column-hidden)\n-   [x] [表头固定](http://happy-coding-clans.github.io/vue-easytable/#/zh/doc/table/header-fixed)\n-   [x] [表头分组](http://happy-coding-clans.github.io/vue-easytable/#/zh/doc/table/header-grouping)\n-   [x] [筛选](http://happy-coding-clans.github.io/vue-easytable/#/zh/doc/table/header-filter)\n-   [x] [排序](http://happy-coding-clans.github.io/vue-easytable/#/zh/doc/table/header-sort)\n-   [x] [列宽拖动](https://happy-coding-clans.github.io/vue-easytable/#/zh/doc/table/column-resize)\n-   [x] [单元格样式](http://happy-coding-clans.github.io/vue-easytable/#/zh/doc/table/cell-style)\n-   [x] [单元格自定义](http://happy-coding-clans.github.io/vue-easytable/#/zh/doc/table/cell-custom)\n-   [x] [单元格合并](http://happy-coding-clans.github.io/vue-easytable/#/zh/doc/table/cell-span)\n-   [x] [单元格选择（键盘操作）](http://happy-coding-clans.github.io/vue-easytable/#/zh/doc/table/cell-selection)\n-   [x] [单元格自动填充](http://happy-coding-clans.github.io/vue-easytable/#/zh/doc/table/cell-autofill)\n-   [x] [单元格编辑](http://happy-coding-clans.github.io/vue-easytable/#/zh/doc/table/cell-edit)\n-   [x] [剪贴板](http://happy-coding-clans.github.io/vue-easytable/#/zh/doc/table/clipboard)\n-   [x] [右键菜单](http://happy-coding-clans.github.io/vue-easytable/#/zh/doc/table/contextmenu)\n-   [x] [单元格省略](http://happy-coding-clans.github.io/vue-easytable/#/zh/doc/table/cell-ellipsis)\n-   [x] [行单选](http://happy-coding-clans.github.io/vue-easytable/#/zh/doc/table/row-radio)\n-   [x] [行多选](http://happy-coding-clans.github.io/vue-easytable/#/zh/doc/table/row-checkbox)\n-   [x] [行展开](http://happy-coding-clans.github.io/vue-easytable/#/zh/doc/table/row-expand)\n-   [x] [行样式](http://happy-coding-clans.github.io/vue-easytable/#/zh/doc/table/row-style)\n-   [x] [footer 汇总](http://happy-coding-clans.github.io/vue-easytable/#/zh/doc/table/footer-summary)\n-   [x] [自定义事件](http://happy-coding-clans.github.io/vue-easytable/#/zh/doc/table/event-custom)\n-   [更多](http://happy-coding-clans.github.io/vue-easytable)\n\n如果没有你想要的的功能\n，[请告诉我们](http://happy-coding-clans.github.io/issue-template-generater/#/zh)\n\n## 安装\n\n```\nnpm install vue-easytable\n```\n\nor\n\n```\nyarn add vue-easytable\n```\n\n## 使用\n\nWrite the following in main.js:\n\n```javascript\nimport Vue from \"vue\";\nimport \"vue-easytable/libs/theme-default/index.css\";\nimport VueEasytable from \"vue-easytable\";\n\nVue.use(VueEasytable);\n\nnew Vue({\n    el: \"#app\",\n    render: (h) =\u003e h(App),\n});\n```\n\nExample:\n\n```javascript\n\u003ctemplate\u003e\n  \u003cve-table :columns=\"columns\" :table-data=\"tableData\" /\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\n  export default {\n    data() {\n      return {\n        columns: [\n          { field: \"name\", key: \"a\", title: \"Name\", align: \"center\" },\n          { field: \"date\", key: \"b\", title: \"Date\", align: \"left\" },\n          { field: \"hobby\", key: \"c\", title: \"Hobby\", align: \"right\" },\n          { field: \"address\", key: \"d\", title: \"Address\" },\n        ],\n        tableData: [\n          {\n            name: \"John\",\n            date: \"1900-05-20\",\n            hobby: \"coding and coding repeat\",\n            address: \"No.1 Century Avenue, Shanghai\",\n          },\n          {\n            name: \"Dickerson\",\n            date: \"1910-06-20\",\n            hobby: \"coding and coding repeat\",\n            address: \"No.1 Century Avenue, Beijing\",\n          },\n          {\n            name: \"Larsen\",\n            date: \"2000-07-20\",\n            hobby: \"coding and coding repeat\",\n            address: \"No.1 Century Avenue, Chongqing\",\n          },\n          {\n            name: \"Geneva\",\n            date: \"2010-08-20\",\n            hobby: \"coding and coding repeat\",\n            address: \"No.1 Century Avenue, Xiamen\",\n          },\n          {\n            name: \"Jami\",\n            date: \"2020-09-20\",\n            hobby: \"coding and coding repeat\",\n            address: \"No.1 Century Avenue, Shenzhen\",\n          },\n        ],\n      };\n    },\n  };\n\u003c/script\u003e\n```\n\n## 开发计划\n\n[正在做的事情](https://github.com/Happy-Coding-Clans/vue-easytable/projects)\n\n## 支持环境\n\n-   现代浏览器和 IE11 及以上\n\n| [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\"IE / Edge\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eIE / Edge | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eFirefox | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eChrome | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eSafari | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png\" alt=\"Opera\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eOpera |\n| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| IE11, Edge                                                                                                                                                                                                      | last 2 versions                                                                                                                                                                                                   | last 2 versions                                                                                                                                                                                               | last 2 versions                                                                                                                                                                                               | last 2 versions                                                                                                                                                                                           |\n\n## 如何贡献\n\n如果你希望参与贡献，欢迎\n[Pull Request](https://github.com/huangshuwei/vue-easytable/pulls)\n\n## 贡献者们\n\n感谢以下小伙伴们做出的贡献 🙏\n\n\u003ca href=\"https://github.com/Happy-Coding-Clans/vue-easytable/graphs/contributors\"\u003e\n  \u003cimg src=\"https://contrib.rocks/image?repo=Happy-Coding-Clans/vue-easytable\" /\u003e\n\u003c/a\u003e\n\n## Discussion 讨论组\n\n-   [加入 gitter 讨论](https://gitter.im/vue-easytable/community)\n-   [加入 discord 讨论](https://discord.gg/gBm3k6r)\n\n## License\n\nhttp://www.opensource.org/licenses/mit-license.php\n","funding_links":["https://github.com/sponsors/Happy-Coding-Clans","https://patreon.com/huangshuwei","https://www.patreon.com/huangshuwei"],"categories":["JavaScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FHappy-Coding-Clans%2Fvue-easytable","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FHappy-Coding-Clans%2Fvue-easytable","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FHappy-Coding-Clans%2Fvue-easytable/lists"}