{"id":13810583,"url":"https://github.com/dzwillia/vue-grid","last_synced_at":"2025-07-14T17:40:12.819Z","repository":{"id":57396136,"uuid":"88003102","full_name":"dzwillia/vue-grid","owner":"dzwillia","description":"A flexible grid component for Vue.js","archived":false,"fork":false,"pushed_at":"2024-03-26T02:18:56.000Z","size":1091,"stargazers_count":113,"open_issues_count":0,"forks_count":22,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-07-06T09:08:07.596Z","etag":null,"topics":["component","grid","table","ui","vue","vuejs"],"latest_commit_sha":null,"homepage":"https://dzwillia.github.io/vue-grid","language":"Vue","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/dzwillia.png","metadata":{"files":{"readme":"README.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}},"created_at":"2017-04-12T02:56:50.000Z","updated_at":"2025-03-15T20:58:41.000Z","dependencies_parsed_at":"2024-06-19T02:47:49.054Z","dependency_job_id":"4b29717f-574c-4353-aaf7-8d5051354951","html_url":"https://github.com/dzwillia/vue-grid","commit_stats":{"total_commits":231,"total_committers":2,"mean_commits":115.5,"dds":0.02164502164502169,"last_synced_commit":"8db0ec156a5756b063859432d189845c4421e9b8"},"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"purl":"pkg:github/dzwillia/vue-grid","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dzwillia%2Fvue-grid","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dzwillia%2Fvue-grid/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dzwillia%2Fvue-grid/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dzwillia%2Fvue-grid/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dzwillia","download_url":"https://codeload.github.com/dzwillia/vue-grid/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dzwillia%2Fvue-grid/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265327200,"owners_count":23747702,"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":["component","grid","table","ui","vue","vuejs"],"created_at":"2024-08-04T02:01:01.128Z","updated_at":"2025-07-14T17:40:12.795Z","avatar_url":"https://github.com/dzwillia.png","language":"Vue","funding_links":[],"categories":["UI Components [🔝](#readme)","Vue","UI组件","Components \u0026 Libraries","UI Components"],"sub_categories":["表","UI Components","Table"],"readme":"# vue-grid\n\u003e A flexible grid component for Vue.js\n\nvue-grid is designed to be an advanced [Vue.js](http://vuejs.org) grid component allowing for fast loading and rendering of tabular data.\n\n## Documentation\n[https://github.com/dzwillia/vue-grid/](https://github.com/dzwillia/vue-grid/)\n\n## Demo\n\n[https://dzwillia.github.io/vue-grid](https://dzwillia.github.io/vue-grid)\n\n## Requirements\n* [Vue.js](http://vuejs.org/) (^v2.1.4)\n\n## Browser support\nIE 10+ (due to [Flexbox support](https://caniuse.com/#feat=flexbox)).\n\n## Installation\n\n### NPM\n\n```bash\nnpm install vue-grid2 --save\n```\n\n### Usage\n\u003e All styling for this component is done using [Tachyons.css](https://github.com/tachyons-css/tachyons/). No external CSS files are required at this time.\n\n### ES6\n\n```js\n\u003cgrid\n  data-url=\"https://enter-your-data/url/endpoint/here\"\n\u003e\u003c/grid\u003e\n```\n\nPlease note that for now the JSON payload must be formatted as follows:\n\n```json\n{\n  \"columns\": [\n    { \"name\": \"col1\" },\n    { \"name\": \"col2\" },\n    { \"name\": \"col3\" }\n  ],\n  \"rows\": [\n    {\n      \"col1\": \"Column 1 Row 1\",\n      \"col2\": \"Column 2 Row 1\",\n      \"col3\": \"Column 3 Row 1\"\n    },{\n      \"col1\": \"Column 1 Row 2\",\n      \"col2\": \"Column 2 Row 2\",\n      \"col3\": \"Column 3 Row 2\"\n    },{\n      \"col1\": \"Column 1 Row 3\",\n      \"col2\": \"Column 2 Row 3\",\n      \"col3\": \"Column 3 Row 3\"\n    }\n  ],\n  \"total_count\": 1000\n}\n```\n\nThe `columns` node only needs to be provided on the first call.\n\n## License\nvue-grid is open source and released under the [MIT License](LICENSE).\n\nCopyright (c) 2017 [David Z Williams](https://twitter.com/padredaveo).\n\n\u003e *PS: I would love to know if you're using vue-grid. Tweet to me at [@padredaveo](https://twitter.com/padredaveo)*.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdzwillia%2Fvue-grid","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdzwillia%2Fvue-grid","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdzwillia%2Fvue-grid/lists"}