LiveLoveApp logo

Cell Rendering

Goals

  • Learn the cell rendering pipeline
  • Learn how to use the `valueGetter` function
  • Learn how to use the `valueFormatter` function
  • Learn how to use the `cellRenderer` function
  • Learn how to use custom cell rendering components

Cell Rendering

Without any customization and in the simplest form, each cell in AG Grid is rendered as a string based on the field specified in the provided row data.

However, often times an AG Grid implementation is not this simple. This is where we can leverage the pipeline for rendering cells:

  1. The valueGetter function
  2. The valueFormatter function
  3. A custom cellRenderer function or component