{"id":13596347,"url":"https://github.com/ZingGrid/zinggrid","last_synced_at":"2025-04-09T16:32:24.695Z","repository":{"id":57406050,"uuid":"154368608","full_name":"ZingGrid/zinggrid","owner":"ZingGrid","description":"ZingGrid - A fully-featured, native, web-component, data table and data grid for Javascript applications.","archived":false,"fork":false,"pushed_at":"2025-03-26T21:42:33.000Z","size":38332,"stargazers_count":90,"open_issues_count":0,"forks_count":6,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-03-26T21:49:19.620Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://www.zinggrid.com","language":"JavaScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ZingGrid.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2018-10-23T17:21:52.000Z","updated_at":"2025-03-26T21:42:37.000Z","dependencies_parsed_at":"2023-12-19T02:20:26.232Z","dependency_job_id":"bf3a7212-d0d3-4f5d-aac8-86aa4a618a4f","html_url":"https://github.com/ZingGrid/zinggrid","commit_stats":{"total_commits":101,"total_committers":8,"mean_commits":12.625,"dds":"0.38613861386138615","last_synced_commit":"454ad1dc44b6c37ee69063ab4f417df5a78682e1"},"previous_names":[],"tags_count":41,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ZingGrid%2Fzinggrid","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ZingGrid%2Fzinggrid/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ZingGrid%2Fzinggrid/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ZingGrid%2Fzinggrid/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ZingGrid","download_url":"https://codeload.github.com/ZingGrid/zinggrid/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248067894,"owners_count":21042372,"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":[],"created_at":"2024-08-01T16:02:19.901Z","updated_at":"2025-04-09T16:32:19.687Z","avatar_url":"https://github.com/ZingGrid.png","language":"JavaScript","readme":"# [ZingGrid](https://www.zinggrid.com)\n\n![](https://img.shields.io/npm/dw/zinggrid)\n![](https://img.shields.io/npm/v/zinggrid)\n\n![](https://img.shields.io/david/zinggrid/zinggrid)\n![](https://img.shields.io/david/peer/zinggrid/zinggrid)\n![](https://img.shields.io/david/dev/zinggrid/zinggrid)\n\nZingGrid is a Javascript library for rendering grids and data tables. Our main focus is on fast, responsive, and customizable grids utilizing ES6 and native web components. Our goal is to solve the problem of creating a CRUD grid in under five minutes. With an appropriate REST endpoint, this is easily achievable.\n\n\n[![](http://capture.zingsoft.com/99d1fb9abf6d/download/Screen%252520Recording%2525202019-09-10%252520at%25252001.45%252520PM.gif)](https://www.zinggrid.com/docs/your-first-grid)\n\n### Include the library\n\n\n***Include the library through script tag***\n\n```html\n\u003cscript src=\"https://cdn.zinggrid.com/zinggrid.min.js\" defer\u003e\u003c/script\u003e\n```\n\n### Include Library with NPM\n\n```\nnpm i zinggrid\n```\n\nand include one of the following imports in your code:\n\n***Import pollyfilled Version (Suggested)***\n\n```js\nimport ZingGrid from 'zinggrid';\n```\n\nor\n\n***Import No Pollyfills ES6 Version (Smallest)***\n\n```js\nimport ZingGrid from 'zinggrid/es6';\n```\n\nor\n\n***Import Pollyfills ES5 Version (Largest)***\n\n```js\nimport ZingGrid from 'zinggrid/es5';\n```\n\n# Getting Started CDN\n\nOpen the `examples/index.html` file in your browser.\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n\u003chead\u003e\n  \u003c!--Script Reference[1]--\u003e\n  \u003cscript src=\"https://cdn.zinggrid.com/zinggrid.min.js\" defer\u003e\u003c/script\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n  \u003c!--Grid Component Placement[2]--\u003e\n  \u003czing-grid\n    caption=\"Hello Futurama\"\n    data='[\n      { \"firstName\": \"Philip\", \"lastName\": \"Fry\"},\n      { \"firstName\": \"Turanga\", \"lastName\": \"Leela\"},\n      { \"firstName\": \"Bender\", \"lastName\": \"Rodriguez\"},\n      { \"firstName\": \"Amy\", \"lastName\": \"Wong\"}\n    ]'\u003e\n  \u003c/zing-grid\u003e\n\u003c/body\u003e\n\u003c/html\u003e\n```\n\n# Getting Started with Script Modules\n\n1. Need to have a server running. `http-server` to fire up localhost a simple solution. \n  - install with `npm i http-server -g`\n  - run `http-server` from root folder\n  - traverse to localhost:xxxx/examples/index-modules.html\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n\u003chead\u003e\n  \u003c!--Script Reference[1]--\u003e\n  \u003cscript type=\"module\" src=\"../index.js\"\u003e\n    // can use this \n    // import ZingGrid from '../index.js';\n  \u003c/script\u003e\n  \u003c!-- fallback for no module support --\u003e\n  \u003cscript nomodule src=\"../dist/zinggrid.min.js\"\u003e\u003c/script\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n  \u003c!--Grid Component Placement[2]--\u003e\n  \u003czing-grid\n    caption=\"Hello Futurama\"\n    data='[\n      { \"firstName\": \"Philip\", \"lastName\": \"Fry\"},\n      { \"firstName\": \"Turanga\", \"lastName\": \"Leela\"},\n      { \"firstName\": \"Bender\", \"lastName\": \"Rodriguez\"},\n      { \"firstName\": \"Amy\", \"lastName\": \"Wong\"}\n    ]'\u003e\n  \u003c/zing-grid\u003e\n\u003c/body\u003e\n\u003c/html\u003e\n```\n\n## Integrations\n\nZingGrid requires **NO** wrapper for easy consumption with popular JS libraries and frameworks. In these frameworks you can typically include the library through native imports:\n\n```js\n  import ZingGrid from 'zinggrid';\n```\n\nPlease check out the following hello world tutorials for frameworks:\n\n- [Angular](https://www.zinggrid.com/docs/angular)\n- [React](https://www.zinggrid.com/docs/react)\n- [Vue](https://www.zinggrid.com/docs/vue)\n- [Polymer](https://www.zinggrid.com/docs/polymer)\n- [Angular JS (legacy)](https://www.zinggrid.com/docs/angularjs)\n- [JQuery](https://www.zinggrid.com/docs/jquery)\n\n## Support \n\nIf you need any assistance or would like to report a bug, please contact us directly at support@zinggrid.com or through our website https://www.zinggrid.com/contact.\n\n\n\u0026copy; 2019 ZingSoft, Inc.\n","funding_links":[],"categories":["JavaScript","Third Party Components"],"sub_categories":["Data Grids"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FZingGrid%2Fzinggrid","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FZingGrid%2Fzinggrid","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FZingGrid%2Fzinggrid/lists"}