Design and Style
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.
<link href="http://code.fancygrid.com/fancy.min.css" rel="stylesheet"> <script src="http://code.fancygrid.com/fancy.min.js"></script>
<link href="http://cdn.fancygrid.com/fancy.min.css" rel="stylesheet"> <script src="http://cdn.fancygrid.com/fancy.min.js"></script> <script> Fancy.MODULESDIR="http://cdn.fancygrid.com/modules/"; </script>
Alternatively, load files from own domainDownload 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.
By default, it is set
Fancy.MODULESDIR = '/fancygrid/modules/';
Fancy.MODULESDIR = 'https://code.fancygrid.com/modules/';
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>
Run the following command to start your download.
bower install fancygrid
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 Chart samples
To use chart integration, include HighCharts.
To use sparklines, download and include sparkline library(jQuery library).