Build v1.5.12
FancyGrid - JavaScript grid library with charts integration and server communication.
bower install fancygrid
npm install fancygrid
http://code.fancygrid.com/fancy.min.js
http://code.fancygrid.com/fancy.min.css
Include a reference to the FancyGrid library
<link href="http://code.fancygrid.com/fancy.min.css" rel="stylesheet">
<script src="http://code.fancygrid.com/fancy.min.js"></script>
The FancyGrid
object is now accessible. Happy griding!
<div id="grid"></div>
<script>
window.onload = function() {
new FancyGrid({
renderTo: 'grid',
width: 300,
height: 200,
data: [
{name: 'Nick', age: 30},
{name: 'Fred', age: 25},
{name: 'Mike', age: 35}
],
columns: [{
index: 'name',
title: 'Name',
type: 'string'
},{
type: 'number',
index: 'age',
title: 'Age'
}]
});
};
</script>
Include a reference to the FancyGrid library
<script>
Fancy.enableCompo();
</script>
<fancy-grid id="myGrid" data-title="New Grid" data-width="400" data-height="300">
<fancy-columns>
[{
index: 'name',
title: 'Name',
type: 'string'
},{
type: 'number',
index: 'age',
title: 'Age'
}]
</fancy-columns>
<fancy-data>
[
{name: 'Nick', age: 30},
{name: 'Fred', age: 25},
{name: 'Mike', age: 35}
]
</fancy-data>
</fancy-grid>
The package includes the following:
| README.md
├── client
│ ├── fancy.min.js
│ ├── fancy.min.css
│ ├── modules
| ...
If you need any assistance or would like to report any bugs found in FancyGrid, please contact us at [email protected]