TanStack Table v8

Auto

Framework

Version

Menu

Getting Started

Core Guides

Feature Guides

Core APIs

Feature APIs

Enterprise

AG Grid
core

Examples

TanStack Table v8

Auto

Framework

Version

Menu

Getting Started

Core Guides

Feature Guides

Core APIs

Feature APIs

Enterprise

AG Grid
core

Examples

On this page

Cell APIs

These are core options and API properties for all cells. More options and API properties are available for other table features.

Cell API

All cell objects have the following properties:

id

tsx

id: string

id: string

The unique ID for the cell across the entire table.

getValue

tsx

getValue: () => any

getValue: () => any

Returns the value for the cell, accessed via the associated column's accessor key or accessor function.

renderValue

tsx

renderValue: () => any

renderValue: () => any

Renders the value for a cell the same as getValue, but will return the renderFallbackValue if no value is found.

row

tsx

row: Row<TData>

row: Row<TData>

The associated Row object for the cell.

column

tsx

column: Column<TData>

column: Column<TData>

The associated Column object for the cell.

getContext

tsx

getContext: () => {
  table: Table<TData>
  column: Column<TData, TValue>
  row: Row<TData>
  cell: Cell<TData, TValue>
  getValue: <TTValue = TValue,>() => TTValue
  renderValue: <TTValue = TValue,>() => TTValue | null
}

getContext: () => {
  table: Table<TData>
  column: Column<TData, TValue>
  row: Row<TData>
  cell: Cell<TData, TValue>
  getValue: <TTValue = TValue,>() => TTValue
  renderValue: <TTValue = TValue,>() => TTValue | null
}

Returns the rendering context (or props) for cell-based components like cells and aggregated cells. Use these props with your framework's flexRender utility to render these using the template of your choice:

tsx

flexRender(cell.column.columnDef.cell, cell.getContext())

flexRender(cell.column.columnDef.cell, cell.getContext())

Column Filtering

Our Partners

AG Grid

A powerful React router for client-side and full-stack react applications. Fully type-safe APIs, first-class search-params for managing state in the URL and seamless integration with the existing React ecosystem.

The immutable-reactive data store that powers the core of TanStack libraries and their framework adapters.

Subscribe to Bytes

Your weekly dose of JavaScript news. Delivered every Monday to over 100,000 devs, for free.

Subscribe to Bytes

Your weekly dose of JavaScript news. Delivered every Monday to over 100,000 devs, for free.