ProductPromotion
Logo

Angular.JS

made by https://0x3d.site

GitHub - ZingGrid/zinggrid: ZingGrid - A fully-featured, native, web-component, data table and data grid for Javascript applications.
ZingGrid - A fully-featured, native, web-component, data table and data grid for Javascript applications. - ZingGrid/zinggrid
Visit Site

GitHub - ZingGrid/zinggrid: ZingGrid - A fully-featured, native, web-component, data table and data grid for Javascript applications.

GitHub - ZingGrid/zinggrid: ZingGrid - A fully-featured, native, web-component, data table and data grid for Javascript applications.

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 library through script tag

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

Include Library with NPM

npm i zinggrid

and include one of the following imports in your code:

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 CDN

Open the examples/index.html file in your browser.

<!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>

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
<!DOCTYPE html>
<html>
<head>
  <!--Script Reference[1]-->
  <script type="module" src="../index.js">
    // can use this 
    // import ZingGrid from '../index.js';
  </script>
  <!-- fallback for no module support -->
  <script nomodule src="../dist/zinggrid.min.js"></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. In these frameworks you can typically include the library through native imports:

  import ZingGrid from 'zinggrid';

Please check out the following hello world tutorials for frameworks:

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.

More Resources
to explore the angular.

mail [email protected] to add your project or resources here 🔥.

Related Articles
to learn about angular.

FAQ's
to learn more about Angular JS.

mail [email protected] to add more queries here 🔍.

More Sites
to check out once you're finished browsing here.

0x3d
https://www.0x3d.site/
0x3d is designed for aggregating information.
NodeJS
https://nodejs.0x3d.site/
NodeJS Online Directory
Cross Platform
https://cross-platform.0x3d.site/
Cross Platform Online Directory
Open Source
https://open-source.0x3d.site/
Open Source Online Directory
Analytics
https://analytics.0x3d.site/
Analytics Online Directory
JavaScript
https://javascript.0x3d.site/
JavaScript Online Directory
GoLang
https://golang.0x3d.site/
GoLang Online Directory
Python
https://python.0x3d.site/
Python Online Directory
Swift
https://swift.0x3d.site/
Swift Online Directory
Rust
https://rust.0x3d.site/
Rust Online Directory
Scala
https://scala.0x3d.site/
Scala Online Directory
Ruby
https://ruby.0x3d.site/
Ruby Online Directory
Clojure
https://clojure.0x3d.site/
Clojure Online Directory
Elixir
https://elixir.0x3d.site/
Elixir Online Directory
Elm
https://elm.0x3d.site/
Elm Online Directory
Lua
https://lua.0x3d.site/
Lua Online Directory
C Programming
https://c-programming.0x3d.site/
C Programming Online Directory
C++ Programming
https://cpp-programming.0x3d.site/
C++ Programming Online Directory
R Programming
https://r-programming.0x3d.site/
R Programming Online Directory
Perl
https://perl.0x3d.site/
Perl Online Directory
Java
https://java.0x3d.site/
Java Online Directory
Kotlin
https://kotlin.0x3d.site/
Kotlin Online Directory
PHP
https://php.0x3d.site/
PHP Online Directory
React JS
https://react.0x3d.site/
React JS Online Directory
Angular
https://angular.0x3d.site/
Angular JS Online Directory