---
product: "AG Grid"
title: "Cell Content"
description: "Methods for providing and displaying values within cells."
framework: javascript
version: "36.2.0"
related:
    - title: "Find"
      url: "https://www.ag-grid.com/archive/36.2.0/javascript-data-grid/find/"
    - title: "Notes"
      url: "https://www.ag-grid.com/archive/36.2.0/javascript-data-grid/notes/"
    - title: "Styling Cells"
      url: "https://www.ag-grid.com/archive/36.2.0/javascript-data-grid/cell-styles/"
    - title: "Highlighting Changes"
      url: "https://www.ag-grid.com/archive/36.2.0/javascript-data-grid/change-cell-renderers/"
    - title: "Tooltips"
      url: "https://www.ag-grid.com/archive/36.2.0/javascript-data-grid/tooltips/"
    - title: "Expressions"
      url: "https://www.ag-grid.com/archive/36.2.0/javascript-data-grid/cell-expressions/"
    - title: "View Refresh"
      url: "https://www.ag-grid.com/archive/36.2.0/javascript-data-grid/view-refresh/"
    - title: "Reference Data"
      url: "https://www.ag-grid.com/archive/36.2.0/javascript-data-grid/reference-data/"
    - title: "Cell Text Selection"
      url: "https://www.ag-grid.com/archive/36.2.0/javascript-data-grid/cell-text-selection/"
llms: "https://www.ag-grid.com/archive/36.2.0/llms.txt"
---

# Cell Content

Methods for providing and displaying values within cells.

The different parts of the grid concerned with cell values are as follows:

- [Value Getter](https://www.ag-grid.com/archive/36.2.0/javascript-data-grid/value-getters/): Instead of specifying `colDef.field`, you can use `colDef.valueGetter` to provide a function for getting cell values. This is more flexible than providing field values for specific cells.
- [Value Formatters](https://www.ag-grid.com/archive/36.2.0/javascript-data-grid/value-formatters/): Use formatters to format values.
- [Cell Components](https://www.ag-grid.com/archive/36.2.0/javascript-data-grid/component-cell-renderer/): Include images, links, and buttons within a cell.
- [Reference Data](https://www.ag-grid.com/archive/36.2.0/javascript-data-grid/reference-data/): Reference data is used to display alternative values to what is in your data, eg your data could be 'USA' but you want to display 'America' instead.
- [Formulas](https://www.ag-grid.com/archive/36.2.0/javascript-data-grid/formulas/)  (Enterprise): Users enter spreadsheet-style expressions into cells, and the grid resolves them to values.

## Rendering Flow

It is helpful to understand how value getters, formulas, formatters, reference data and cell renderers work together to provide the end result.

![Rendering flow: value getter or field, then formula resolution, then value formatter or reference data, then cell renderer](https://www.ag-grid.com/archive/36.2.0/_astro/valueGetterFlow.De1zC54w.svg)