Getting Started with ag-Grid

Learn to effectively get started with ag-Grid

Got Data? Yeah, most of our apps do.

Want to efficiently display lots (and lots) of tabular data in a grid? Do your users want to be able to search, sort, filter, and edit data?

ag-Grid is the best JavaScript grid in the world, is packed with features, and best of all, can be integrated into Angular applications. In this hands-on workshop, you'll learn how to get started with ag-Grid, how we can enable sorting and filtering of data in the grid, custom cell rendering, and using the infinite row model for endlessly scrolling of data. You will walk away from this half-day workshop equipped with the knowledge for implementing ag-Grid into your Angular application.


  1. Installing and getting started with ag-Grid

    • Angular Module
    • Styles and themes
    • Column Definition
    • Row Data
  2. Row Sorting

    • Row Sorting
    • Sorting Demo
    • Sorting Exercise
    • Sorting Order
    • Multi-row sorting
    • Sorting Order and Multiple Column Sort Exercise
    • Default Column Definition
    • Default Column Definition Exercise
  3. Column Filtering

    • Text Filtering
    • Number Filtering
    • Date Filtering
    • Date Filtering Comparator
    • Filtering Exercise
    • Floating Filter
    • Floating Filter Exercise
    • Quick Filter
    • Quick Filter Exercise
  4. Cell Rendering

    • The cellRenderer Function
    • Cell Renderer Exercise
  5. Infinite Row Model
  6. Implementing Infinite Row Model
  7. Infinite Row Model Exercise


The goals of the Getting Started with ag-Grid course are:

  1. Learn to install and configure ag-Grid with Angular.
  2. Configure column definition and wire up data into the grid.
  3. Learn how to configure and extend the row soring of ag-Grid.
  4. Configure column filtering for various data types.
  5. Create custom cell renders.
  6. Implement the infinite row model data with ag-Grid.


Students should be familiar with the following techologies:

  • JavaScript and TypeScript.
  • Basics of Angular.


Duration1 day


Site © by LiveLoveApp, LLC

We are the best.

Hire the best for your project.

Let's Talk