Skip to content

Column Type Renderer

columnTypeRenderer is a Pro column header template that displays an icon next to the header label based on the column’s columnType.

Use it when users should quickly recognize typed fields, such as IDs, numeric values, currency amounts, decimals, booleans, or text columns. It is assigned through columnTemplate, while columnType tells the renderer which icon to show.

import { columnTypeRenderer } from '@revolist/revogrid-pro';
grid.columns = [
{
prop: 'id',
name: 'Identifier',
columnType: 'id',
columnTemplate: columnTypeRenderer,
},
{
prop: 'amount',
name: 'Amount',
columnType: 'currency',
columnTemplate: columnTypeRenderer,
},
];

Supported built-in icons are selected for id, integer, currency, decimal, and boolean. Any other value, or a missing columnType, falls back to the string icon.

columnTypeRenderer only changes the column header rendering. Cell formatting, editing, validation, and export behavior still come from the column definition or from entries registered in grid.columnTypes.