Source: https://tanstack.com/table/v8/docs/api/core/cell

TanStack

Table v8v8

Search...

+ K

Auto

Log In

TanStack StartRC

Docs Examples GitHub Contributors

TanStack Router

Docs Examples GitHub Contributors

TanStack Query

Docs Examples GitHub Contributors

TanStack Table

Docs Examples Github Contributors

TanStack Formnew

Docs Examples Github Contributors

TanStack DBbeta

Docs Github Contributors

TanStack Virtual

Docs Examples Github Contributors

TanStack Paceralpha

Docs Examples Github Contributors

TanStack Storealpha

Docs Examples Github Contributors

TanStack Devtoolsalpha

Docs Github Contributors

More Libraries

Maintainers Partners Support Learn StatsBETA Discord Merch Blog GitHub Ethos Brand Guide

Documentation

Framework

React

Version

v8

Search...

+ K

Menu

• Home

• Frameworks

• Contributors

• GitHub

• Discord

Getting Started

• Introduction
  
  core

• Overview
  
  core

• Installation
  
  core

• Migrating to V8
  
  core

• FAQ
  
  core

• React Table Adapter
  
  react

Core Guides

• Data
  
  core

• Column Defs
  
  core

• Table Instance
  
  core

• Row Models
  
  core

• Rows
  
  core

• Cells
  
  core

• Header Groups
  
  core

• Headers
  
  core

• Columns
  
  core

• Table State
  
  react

Feature Guides

• Column Ordering
  
  core

• Column Pinning
  
  core

• Column Sizing
  
  core

• Column Visibility
  
  core

• Column Filtering
  
  core

• Global Filtering
  
  core

• Fuzzy Filtering
  
  core

• Column Faceting
  
  core

• Global Faceting
  
  core

• Grouping
  
  core

• Expanding
  
  core

• Pagination
  
  core

• Row Pinning
  
  core

• Row Selection
  
  core

• Sorting
  
  core

• Virtualization
  
  core

• Custom Features
  
  core

Core APIs

• Column Def
  
  core

• Table
  
  core

• Column
  
  core

• Header Group
  
  core

• Header
  
  core

• Row
  
  core

• Cell
  
  core

Feature APIs

• Column Filtering
  
  core

• Column Faceting
  
  core

• Column Ordering
  
  core

• Column Pinning
  
  core

• Column Sizing
  
  core

• Column Visibility
  
  core

• Global Faceting
  
  core

• Global Filtering
  
  core

• Sorting
  
  core

• Grouping
  
  core

• Expanding
  
  core

• Pagination
  
  core

• Row Pinning
  
  core

• Row Selection
  
  core

Enterprise

• AG Grid
  
  core

Examples

• Basic
  
  react

• Header Groups
  
  react

• Column Filters
  
  react

• Column Filters (Faceted)
  
  react

• Fuzzy Search Filters
  
  react

• Column Ordering
  
  react

• Column Ordering (DnD)
  
  react

• Column Pinning
  
  react

• Sticky Column Pinning
  
  react

• Column Sizing
  
  react

• Performant Column Resizing
  
  react

• Column Visibility
  
  react

• Editable Data
  
  react

• Expanding
  
  react

• Sub Components
  
  react

• Fully Controlled
  
  react

• Grouping
  
  react

• Pagination
  
  react

• Pagination Controlled
  
  react

• Row DnD
  
  react

• Row Pinning
  
  react

• Row Selection
  
  react

• Sorting
  
  react

• Virtualized Columns
  
  react

• Virtualized Columns (Experimental)
  
  react

• Virtualized Rows
  
  react

• Virtualized Rows (Experimental)
  
  react

• Virtualized Infinite Scrolling
  
  react

• Kitchen Sink
  
  react

• React Bootstrap
  
  react

• Material UI Pagination
  
  react

• React Full Width
  
  react

• React Full Width Resizable
  
  react

• Custom Features
  
  react

• Query Router Search Params
  
  react

Framework

React

Version

v8

Menu

• Home

• Frameworks

• Contributors

• GitHub

• Discord

Getting Started

• Introduction
  
  core

• Overview
  
  core

• Installation
  
  core

• Migrating to V8
  
  core

• FAQ
  
  core

• React Table Adapter
  
  react

Core Guides

• Data
  
  core

• Column Defs
  
  core

• Table Instance
  
  core

• Row Models
  
  core

• Rows
  
  core

• Cells
  
  core

• Header Groups
  
  core

• Headers
  
  core

• Columns
  
  core

• Table State
  
  react

Feature Guides

• Column Ordering
  
  core

• Column Pinning
  
  core

• Column Sizing
  
  core

• Column Visibility
  
  core

• Column Filtering
  
  core

• Global Filtering
  
  core

• Fuzzy Filtering
  
  core

• Column Faceting
  
  core

• Global Faceting
  
  core

• Grouping
  
  core

• Expanding
  
  core

• Pagination
  
  core

• Row Pinning
  
  core

• Row Selection
  
  core

• Sorting
  
  core

• Virtualization
  
  core

• Custom Features
  
  core

Core APIs

• Column Def
  
  core

• Table
  
  core

• Column
  
  core

• Header Group
  
  core

• Header
  
  core

• Row
  
  core

• Cell
  
  core

Feature APIs

• Column Filtering
  
  core

• Column Faceting
  
  core

• Column Ordering
  
  core

• Column Pinning
  
  core

• Column Sizing
  
  core

• Column Visibility
  
  core

• Global Faceting
  
  core

• Global Filtering
  
  core

• Sorting
  
  core

• Grouping
  
  core

• Expanding
  
  core

• Pagination
  
  core

• Row Pinning
  
  core

• Row Selection
  
  core

Enterprise

• AG Grid
  
  core

Examples

• Basic
  
  react

• Header Groups
  
  react

• Column Filters
  
  react

• Column Filters (Faceted)
  
  react

• Fuzzy Search Filters
  
  react

• Column Ordering
  
  react

• Column Ordering (DnD)
  
  react

• Column Pinning
  
  react

• Sticky Column Pinning
  
  react

• Column Sizing
  
  react

• Performant Column Resizing
  
  react

• Column Visibility
  
  react

• Editable Data
  
  react

• Expanding
  
  react

• Sub Components
  
  react

• Fully Controlled
  
  react

• Grouping
  
  react

• Pagination
  
  react

• Pagination Controlled
  
  react

• Row DnD
  
  react

• Row Pinning
  
  react

• Row Selection
  
  react

• Sorting
  
  react

• Virtualized Columns
  
  react

• Virtualized Columns (Experimental)
  
  react

• Virtualized Rows
  
  react

• Virtualized Rows (Experimental)
  
  react

• Virtualized Infinite Scrolling
  
  react

• Kitchen Sink
  
  react

• React Bootstrap
  
  react

• Material UI Pagination
  
  react

• React Full Width
  
  react

• React Full Width Resizable
  
  react

• Custom Features
  
  react

• Query Router Search Params
  
  react

On this page

• Cell API

• id

• getValue

• renderValue

• row

• column

• getContext

Cell APIs

Copy Markdown

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())

Edit on GitHub

Row

Column Filtering

Partners Become a Partner