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

Simple Dynamic Component

A simple Grid using Angular Components as Cell Renderers, with Child Components, Two-Way Binding and Parent to Child Components Events.

This example demonstrates Dynamic Angular Components with ag-Grid, Parent/Child Communication (cell component to parent grid component), as well as dynamic data updates of the Currency column.

Square, Cube, Row Params, Currency and Child/Parent: Angular Components within the Grid

Currency (Pipe): An Angular Component utilising the Currency Pipe, dynamically updated with the button above.

Child/Parent: Demonstrates the Child Cell Component communicating with the Parent Grid Component.

Refresh Even Row Currency Data: Dynamically Updates Event Rows Currency Value. Only the Currency column will be re-rendered.

Richer Dynamic Components

A Richer Example using Angular Components as Cell Renderers, with Dynamic Components included via Modules.

This example demonstrates Dynamic Angular Components with ag-Grid with nested NgModules. Functionally similar to the Simple Dynamic Component example above, but demonstrating how the Angular Components within the Grid can be modular too.