Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ZingGrid/zinggrid
ZingGrid - A fully-featured, native, web-component, data table and data grid for Javascript applications.
https://github.com/ZingGrid/zinggrid
Last synced: about 2 months ago
JSON representation
ZingGrid - A fully-featured, native, web-component, data table and data grid for Javascript applications.
- Host: GitHub
- URL: https://github.com/ZingGrid/zinggrid
- Owner: ZingGrid
- License: other
- Created: 2018-10-23T17:21:52.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2024-04-11T15:51:11.000Z (5 months ago)
- Last Synced: 2024-07-21T22:27:03.921Z (2 months ago)
- Language: JavaScript
- Homepage: https://www.zinggrid.com
- Size: 33.7 MB
- Stars: 87
- Watchers: 7
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# [ZingGrid](https://www.zinggrid.com)
![](https://img.shields.io/npm/dw/zinggrid)
![](https://img.shields.io/npm/v/zinggrid)![](https://img.shields.io/david/zinggrid/zinggrid)
![](https://img.shields.io/david/peer/zinggrid/zinggrid)
![](https://img.shields.io/david/dev/zinggrid/zinggrid)ZingGrid 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.
[![](http://capture.zingsoft.com/99d1fb9abf6d/download/Screen%252520Recording%2525202019-09-10%252520at%25252001.45%252520PM.gif)](https://www.zinggrid.com/docs/your-first-grid)
### Include the library
***Include the library through script tag***
```html
```
### Include Library with NPM
```
npm i zinggrid
```and include one of the following imports in your code:
***Import pollyfilled Version (Suggested)***
```js
import ZingGrid from 'zinggrid';
```or
***Import No Pollyfills ES6 Version (Smallest)***
```js
import ZingGrid from 'zinggrid/es6';
```or
***Import Pollyfills ES5 Version (Largest)***
```js
import ZingGrid from 'zinggrid/es5';
```# Getting Started CDN
Open the `examples/index.html` file in your browser.
```html
```
# Getting Started with Script Modules
1. Need to have a server running. `http-server` to fire up localhost a simple solution.
- install with `npm i http-server -g`
- run `http-server` from root folder
- traverse to localhost:xxxx/examples/index-modules.html```html
// can use this
// import ZingGrid from '../index.js';
```
## Integrations
ZingGrid requires **NO** wrapper for easy consumption with popular JS libraries and frameworks. In these frameworks you can typically include the library through native imports:
```js
import ZingGrid from 'zinggrid';
```Please check out the following hello world tutorials for frameworks:
- [Angular](https://www.zinggrid.com/docs/angular)
- [React](https://www.zinggrid.com/docs/react)
- [Vue](https://www.zinggrid.com/docs/vue)
- [Polymer](https://www.zinggrid.com/docs/polymer)
- [Angular JS (legacy)](https://www.zinggrid.com/docs/angularjs)
- [JQuery](https://www.zinggrid.com/docs/jquery)## Support
If you need any assistance or would like to report a bug, please contact us directly at [email protected] or through our website https://www.zinggrid.com/contact.
© 2019 ZingSoft, Inc.