Latest Build

Latest Build

Source

Include files from CDN

<script src="https://cdn.jsdelivr.net/npm/fancygrid/client/fancy.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/fancygrid/client/fancy.min.css" rel="stylesheet">

Modules Path

If you include library from self domain and have bug than check that set Fancy.MODULESDIR
By default Fancy.MODULESDIR is equal to https://cdn.jsdelivr.net/npm/fancygrid/client/modules/

Full build

<script src="https://cdn.jsdelivr.net/npm/fancygrid/client/fancy.full.min.js"></script>

If do not include style link on css file than it will be auto-loaded from Fancy.MODULESDIR

npm

npm install fancygrid

ES6/TypeScript module

Since FancyGrid supports CommonJS, it can be loaded as an ES6 module with the use of transpilers.
The following examples presumes you are using npm to install FancyGrid.

//Babel
import Fancy from 'fancygrid';

// Generate the grid
Fancy.Grid({
  // config
});

// Generate the form
new Fancy.Form({
  //config
});

// Generate the tabs
new Fancy.Tab({
  //config
});

//TypeScript
import * as Fancy from 'fancygrid';

// Generate the grid
Fancy.Grid({
  // config
});

// Generate the form
new Fancy.Form({
  //config
});

// Generate the tabs
new Fancy.Tab({
  //config
});

AngularJS directive

<script src="https://cdn.jsdelivr.net/npm/fancygrid/client/fancy-angular.js"></script>

Angular

React

Vue