ZingGrid - A fully-featured, native, web-component, data table and grid for Javascript applications.
Branch: master
Clone or download
Nick Ardecky
Latest commit d3a2ce6 Dec 27, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist Version 1.0.1 Nov 2, 2018
examples Updating ZingGrid example with more features Dec 27, 2018
.gitignore
README.md Updating README Dec 27, 2018
es5.js Updating npm package to use imports Dec 27, 2018
es6.js
index.js Updating npm package to use imports Dec 27, 2018
npm_runkit_example.js
package.json Updating package version Dec 27, 2018

README.md

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.

Include the library

Include the file

<script src="https://cdn.zinggrid.com/zinggrid.min.js"></script>

or

Import pollyfilled Version (Suggested)

import ZingGrid from 'zinggrid';

or

Import No Pollyfills ES6 Version (Smallest)

import ZingGrid from 'zinggrid/es6';

or

Import Pollyfills ES5 Version (Largest)

import ZingGrid from 'zinggrid/es5';

Getting Started

<!DOCTYPE html>
<html>
<head>
  <!--Script Reference[1]-->
  <script src="https://cdn.zinggrid.com/zinggrid.min.js" defer></script>
</head>
<body>
  <!--Grid Component Placement[2]-->
  <zing-grid
    caption="Hello Futurama"
    data='[
      { "firstName": "Philip", "lastName": "Fry"},
      { "firstName": "Turanga", "lastName": "Leela"},
      { "firstName": "Bender", "lastName": "Rodriguez"},
      { "firstName": "Amy", "lastName": "Wong"}
    ]'>
  </zing-grid>
</body>
</html>

Integrations

ZingGrid requires NO wrapper for easy consumption with popular JS libraries and frameworks. Check out the following hello world demos:

Support

If 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.

© 2018 ZingSoft, Inc.