Types
Supported column types: text number boolean
Guide
Columns configuration, types, order, and visibility
Supported column types: text number boolean
Common properties: id: string – Unique identifier header: string | React.ReactNode enableSorting?: boolean (default true)
You can preconfigure calculations directly on columns: id: 'price', type: 'number',
What this page covers
The original MDX source has been condensed into CMS-native cards so the page can be edited and republished from the control plane.
Supported column types: text number boolean
Common properties: id: string – Unique identifier header: string | React.ReactNode enableSorting?: boolean (default true)
You can preconfigure calculations directly on columns: id: 'price', type: 'number',
Enable inline edit directly on a column: id: 'name', type: 'text',
Number columns render numeric values with optional formatting and are right-aligned (header and cells) by default. Display format: numberFormat Use numberFormat to control thousands separator, decimal separator, number...
For type: 'date', you can use strict presets: localized-short localized-medium localized-long
Implementation notes
Wire CRUD actions to the table via provider callbacks
$ columns: {
$ definitions: [
$ { id: 'name', type: 'text', header: 'Name', enableSorting: true, enableColumnFilter: true },
$ {
$ id: 'price',