{"id":19882777,"url":"https://github.com/grid-js/gridjs-vue","last_synced_at":"2025-04-06T22:10:34.472Z","repository":{"id":37404543,"uuid":"272657649","full_name":"grid-js/gridjs-vue","owner":"grid-js","description":"A Vue.js wrapper component for Grid.js","archived":false,"fork":false,"pushed_at":"2024-06-17T02:24:41.000Z","size":2742,"stargazers_count":98,"open_issues_count":2,"forks_count":24,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-30T20:13:00.902Z","etag":null,"topics":["grid","table","vue","vuejs"],"latest_commit_sha":null,"homepage":"https://gridjs.io","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/grid-js.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":null,"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":{"patreon":null,"open_collective":"gridjs","ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2020-06-16T08:51:02.000Z","updated_at":"2025-01-01T18:19:46.000Z","dependencies_parsed_at":"2024-01-28T16:01:31.582Z","dependency_job_id":"38c18255-a08c-4373-be9c-66049b1a15d6","html_url":"https://github.com/grid-js/gridjs-vue","commit_stats":{"total_commits":125,"total_committers":7,"mean_commits":"17.857142857142858","dds":"0.43200000000000005","last_synced_commit":"cc25a8eaf97c145d5af1757f601e351703a0e07c"},"previous_names":[],"tags_count":14,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grid-js%2Fgridjs-vue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grid-js%2Fgridjs-vue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grid-js%2Fgridjs-vue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grid-js%2Fgridjs-vue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/grid-js","download_url":"https://codeload.github.com/grid-js/gridjs-vue/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247557767,"owners_count":20958047,"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":["grid","table","vue","vuejs"],"created_at":"2024-11-12T17:18:27.694Z","updated_at":"2025-04-06T22:10:34.441Z","avatar_url":"https://github.com/grid-js.png","language":"TypeScript","funding_links":["https://opencollective.com/gridjs"],"categories":[],"sub_categories":[],"readme":"# gridjs-vue\n\n![gridjs-vue logo](https://user-images.githubusercontent.com/2541728/84843482-ffc31c00-b015-11ea-95e8-dc6fb3931ad5.png)\n\nA Vue wrapper component for [Grid.js](https://gridjs.io).\n\n[![npm](https://img.shields.io/npm/v/gridjs-vue?color=blue\u0026label=current\u0026style=flat-square)](https://www.npmjs.com/package/gridjs-vue)\n![Grid.js API\nversion](https://img.shields.io/badge/Grid.js%20API-v5.0.1-blue?style=flat-square)\n![GitHub last commit](https://img.shields.io/github/last-commit/grid-js/gridjs-vue?color=41B883\u0026style=flat-square)\n[![GitHub\nissues](https://img.shields.io/github/issues/grid-js/gridjs-vue?color=41B883\u0026style=flat-square)](https://github.com/grid-js/gridjs-vue/issues)\n[![Discord](https://img.shields.io/discord/711188165850955858?color=41B883\u0026style=flat-square\u0026label=discord)](https://discord.com/invite/K55BwDY)\n\n## Install\n\n```sh\nnpm install gridjs-vue\n```\n\nAlso available on [unpkg](https://unpkg.com/browse/gridjs-vue/dist/) and [Skypack](https://www.skypack.dev/view/gridjs-vue)!\n\n```html\n\u003cscript\u003e\n  import { Grid } from 'gridjs-vue'\n\n  export default {\n    components: {\n      Grid\n    }\n  }\n\u003c/script\u003e\n```\n\n## Basic Usage\n\nPass `columns` (an array of column headers) and either `rows`, `from`, or `server` as a data source to the component. Everything else is optional. Pass in new data to update the table.\n\n**[Read the full documentation](docs/index.md) for further configuration options.**\n\n### Example\n\n```html\n\u003ctemplate\u003e\n  \u003cgrid :columns=\"columns\" :rows=\"rows\" @ready=\"myMethod\"\u003e\u003c/grid\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\n  import Grid from 'gridjs-vue'\n\n  export default {\n    name: 'Cars',\n    components: {\n      Grid\n    },\n    data() {\n      return {\n        columns: ['Make', 'Model', 'Year', 'Color'],\n        rows: [\n          ['Ford', 'Fusion', '2011', 'Silver'],\n          ['Chevrolet', 'Cruz', '2018', 'White']\n        ]\n      }\n    },\n    methods: {\n      myMethod() {\n        console.log(\"It's ready!\")\n      }\n    }\n  }\n\u003c/script\u003e\n```\n\n## 🤝 Contributing\n\nOriginally authored by [Daniel Sieradski](https://twitter.com/self_agency).\n\nContributions, issues and feature requests are welcome!\n\nFeel free to check [issues page](https://github.com/grid-js/gridjs-vue/issues).\n\n## Show your support\n\nGive a ⭐️ if this project helped you!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgrid-js%2Fgridjs-vue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgrid-js%2Fgridjs-vue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgrid-js%2Fgridjs-vue/lists"}