Installation

In this document you will learn several approaches of including FancyGrid.
FancyGrid is plugin-free library, it has no dependencies from other libraries.
But it is integrated with jQuery, AngularJS and chart libraries.

Include FancyGrid

Include files from code.fancygrid.com

Include the JavaScript files in the <head> section of your web page as shown below.

<link href="http://code.fancygrid.com/fancy.min.css" rel="stylesheet">
<script src="http://code.fancygrid.com/fancy.min.js"></script>

Alternatively, load files from own domain

Download Latest Build and include files to your page.

<link href="/fancygrid/fancy.min.css" rel="stylesheet">
<script src="/fancygrid/fancy.min.js"></script>

FancyGrid has intelligent modules system that
auto detects and loads all needed modules by self.

If you include files from own domain than set modules dir url.


Fancy.MODULESDIR = '/fancygrid/modules/';
By default, it is set

Fancy.MODULESDIR = 'https://code.fancygrid.com/modules/';

Full built

Another way of including is full built.
In this case modules system will not load any, but full size is more.


<link href="/fancygrid/fancy.min.css" rel="stylesheet">
<script src="/fancygrid/fancy.full.min.js"></script>

Bower

Run the following command to start your download.


bower install fancygrid

Integration

JQuery

FancyGrid is integrated with jQuery.
If jQuery is included to page than FancyGrid will switch to use it's API.

In this case include JQuery on the page.
For example.


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

For Chart samples

To use chart integration, include HighCharts.


<script src="http://code.highcharts.com/highcharts.js"></script>
To use sparklines, download and include sparkline library(jQuery library).
http://omnipotent.net/jquery.sparkline/

Get Started

You are now ready to use FancyGrid, see Your first grid to get started.