Expand All

  Getting Started

  Reference

  Features

  Row Models

  Themes

  Components

  Examples

  Third Party

Misc

Github stars make projects look great. Please help, donate a star, it's free.
Read about ag-Grid's Partnership with webpack.
Get informed on releases and other ag-Grid news only - never spam.
Follow on Twitter

ag-Grid Angular Examples Using Third Party Libraries

This page offers some suggestions and ideas of how third-party libraries can be used with ag-Grid.

The source code for the ng2-bootstrap and Material Design examples can also be found in Github

ag-Grid with Material Design Components - Set 1

This example uses the Material Design components as part of Editor Components.

ag-Grid with Material Design Components - Set 2

This example uses the Material Design components as part of Editor Components, as well as an example of using a Material Design component in the Header.


ag-Grid with TypeAhead Component

This example uses the ng2-typeahead directive as part of an Editor Component.

Please note that ng2-typeahead does not appear to be AOT friendly, so please keep this in mind if you choose to use it.


Cell Editor with ng2-bootstrap Components

This example uses ng2-bootstrap as part of an Editor Components.

  • Date Picker
  • Dropdown
  • Radio Button - in this case demonstrating how you can do inline editing of cell values