ag-Grid Angular Component
This project contains the Angular Component for use with ag-Grid
Install with Bower
$ bower install ag-grid-ng2
Install with Npm
$ npm install ag-grid-ng2
See the www.ag-grid.com for an overview and full documentation.
To Build
npm install gulp -g
npm install npm-install-peers -g
npm install
npm-install-peers
npm run clean-build
Examples
See the https://github.com/ceolter/ag-grid-ng2-example for full
working examples of what you can do with ag-Grid and Angular Components.
Examples included are:
Rich Grid with Pure JavaScript
![Rich Grid with Pure JavaScript Rich Grid with Pure JavaScript](https://github.com/ceolter/ag-grid-ng2-example/blob/master/docs/images/rich-grid.png?raw=true)
Rich Grid with Declarative Markup
![Rich Grid with Declarative Markup Rich Grid with Declarative Markup](https://github.com/ceolter/ag-grid-ng2-example/blob/master/docs/images/declarative.png?raw=true)
Using Dynamic Components
![Using Dynamic Components Using Dynamic Components](https://github.com/ceolter/ag-grid-ng2-example/blob/master/docs/images/dynamic.png?raw=true)
Using Dynamic Components - Richer Example
![Using Dynamic Components - Richer Example Using Dynamic Components - Richer Example](https://github.com/ceolter/ag-grid-ng2-example/blob/master/docs/images/rich-dynamic.png?raw=true)
Using Cell Editor Components
![Using Cell Editor Components Using Cell Editor Components](https://github.com/ceolter/ag-grid-ng2-example/blob/master/docs/images/editor.png?raw=true)
Using Floating Row Renderers
![Using Floating Row Renderers Using Floating Row Renderers](https://github.com/ceolter/ag-grid-ng2-example/blob/master/docs/images/floating-row.png?raw=true)
Using Full Width Renderers
![Using Full Width Renderers Using Full Width Renderers](https://github.com/ceolter/ag-grid-ng2-example/blob/master/docs/images/full-width.png?raw=true)
Using Group Row Renderers
![Using Group Row Renderers Using Group Row Renderers](https://github.com/ceolter/ag-grid-ng2-example/blob/master/docs/images/grouped-row.png?raw=true)
With Filters Components
![With Filters Components With Filters Components](https://github.com/ceolter/ag-grid-ng2-example/blob/master/docs/images/filter.png?raw=true)
Master Detail Example
![Master Detail Example Master Detail Example](https://github.com/ceolter/ag-grid-ng2-example/blob/master/docs/images/master-detail.png?raw=true)