LiveLoveApp logo

Get Started with AG Grid Workshop

Start building data-rich application with AG Grid and Angular.

Schedule Get Started with AG Grid Workshop

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.

Outline

  1. Installing and getting started with AG Grid
  • Angular Module
  • Styles and themes
  • Column Definition
  • Row Data
  1. 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
  1. Column Filtering
  • Text Filtering
  • Number Filtering
  • Date Filtering
  • Date Filtering Comparator
  • Filtering Exercise
  • Floating Filter
  • Floating Filter Exercise
  • Quick Filter
  • Quick Filter Exercise
  1. Cell Rendering
  • The cellRenderer Function
  • Cell Renderer Exercise
  1. Infinite Row Model
  • Implementing Infinite Row Model
  • Infinite Row Model Exercise

Goals

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.

Prereqs

Students should be familiar with the following technologies:

  • JavaScript and TypeScript.
  • Basics of Angular.

Can’t find the topic you are looking for? Contact Us  to learn about our custom training solutions.

Get Expert Led Training For Your Team
Schedule Get Started with AG Grid Workshop