API REFERENCE

cellRenderer

Displays cells through text, html, vnode, or a registered custom renderer.

What does this API do?

Displays cells through text, html, vnode, or a registered custom renderer.

Exact input and result types

typescript

cellRenderer?: | string
    | CellRenderer<TData, TValue>
    | GridRendererDefinition<TData, TValue, TContext>

Item	Value
Required	Optional
Input type	\| string \| CellRenderer<TData, TValue> \| GridRendererDefinition<TData, TValue, TContext>

Usage flow

Set this on an individual column object in columnDefs. Pass arrays, objects, and callbacks through JavaScript, and use new arrays or objects when applying changes.

Read related types

CellRenderer
GridRendererDefinition

Feature explanations and examples

Customize cell appearance
Cell renderers change how data is displayed. Use them for status badges, links, and action buttons while retaining the original values for sorting and filtering.