# Column Type Renderer
URL: https://pro.rv-grid.com/guides/columns/column-type-renderer/
Source: src/content/docs/guides/columns/column-type-renderer.mdx
Description: Show type icons in column headers with columnTypeRenderer.
`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.

```typescript
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`.
