Column Configuration
Rich column properties to control sorting, filtering, grouping, summaries, responsive priority, and custom cell rendering.
Each column object supports a rich set of properties to control sorting, filtering, grouping, summaries, responsive priority, and custom cell rendering.
Rich Column Properties
No data available |
Column Properties Reference
accessor Property name on the row (primitive value) or function `(item) => value`
id Stable column identifier – required for function accessors and synthetic columns; defaults to accessor name for string accessors
title Column header label
sortable Enable click-to-sort (default: false)
searchable Include in SmartFilterBar search (default: true)
groupable Allow group-by via SmartFilterBar or header menu
summable Allow sum/avg/count via SmartFilterBar
dataType "text" | "number" | "date" – drives filter operators
align "left" | "center" | "right" – cell text alignment
width / minWidth Fixed or minimum column width (CSS string)
priority 1 = always visible, 2 = hidden < sm, 3 = hidden < md
cell Snippet for custom cell rendering
flex Use flex layout inside header cell