Advanced Usage of AG Grid Workshop

You will walk away from this workshop being able to do all of these things by yourself.

• 01. Efficiently render immutable data in AG Grid

  Pairing up NgRx with Angular and NgRx is a perfect match for high-performant rendering of immutable data in AG Grid. You'll learn how to use NgRx and immutable data with AG Grid.

• 02. Style AG Grid just right

  AG Grid ships with default styling and themes that are well-suited for some application, but it's likely that your organization and users expect a branded experience. You'll learn how to style cells, rows, and create themes for AG Grid that are just right for you.

• 03. Build a floating filter custom component

  After learning how to register custom framework component with AG Grid, you'll learn the basic interfaces that must be met for building custom components. Then, you'll learn how to build a custom floating filter component with AG Grid and Angular.

• 04. Build a header custom component

  Next, you'll build a custom header component to display in AG Grid.

• 05. Build an editor custom component

  Finally, you'll build a custom date editor component. Sure, AG Grid has a date editor, but it's not exactly user friendly since it uses the browser's provided date input. We'll use Angular Material's date picker to build a fancy date editor for AG Grid.