Table behavior configuration and defaults
Configuration Options
List of options for table behavior. Configure within your table definition under table.
table: {
allowCreate: true,
allowEdit: true,
allowDuplicate: true,
allowDelete: true,
allowBulkEdit: true,
allowBulkDelete: true,
allowInlineEdit: true,
showToolbar: true,
showToolbarHeader: true,
export: true,
bulkExport: true,
actionsAsIcons: false,
density: 'medium',
enableRowSelection: true,
enableRowClickEdit: false,
enableColumnFilters: true,
enableSorting: true,
enableGrouping: true,
enableCalculations: false,
enableColumnDragDropByDefault: false,
enableMultiRowSelection: true,
enablePagination: true,
defaultPageSize: 10,
pageSizeOptions: [5, 10, 20, 50],
dateDisplayPreset: 'localized-short',
inlineEdit: {
enabled: false,
debounceMs: 700,
trigger: 'doubleClickEnter',
optimistic: true,
showDelayIndicator: true,
},
}Options
enableRowSelection
Enable row selection checkboxes.
Type: boolean | Default: true
enableRowClickEdit
Open the edit drawer when a non-interactive row area is clicked.
Type: boolean | Default: false
Constraints:
- Works only when
allowEditis enabled. - Incompatible with URL columns using
urlDisplayMode: 'row-link'. - Incompatible with inline edit (table-level
inlineEditor column-levelinlineEdit).
allowCreate
Show and enable create actions in table UI.
Type: boolean | Default: true
allowEdit
Show and enable the row Edit action (row actions menu).
Type: boolean | Default: true
allowDuplicate
Show and enable row duplicate actions.
Type: boolean | Default: true
allowDelete
Show and enable row delete actions.
Type: boolean | Default: true
allowBulkEdit
Show and enable bulk edit action.
Type: boolean | Default: true
allowBulkDelete
Show and enable bulk delete action.
Type: boolean | Default: true
allowInlineEdit
Allow inline editing interactions in table cells.
Type: boolean | Default: true
showToolbar
Show the whole table toolbar (search and action buttons).
Type: boolean | Default: true
showToolbarHeader
Show the toolbar header block (title and description). Set to false to keep only search/actions.
Type: boolean | Default: true
export
Show the toolbar CSV export button (between search and options). Exports all rows matching the current search/filters/sort state.
Type: boolean | Default: true
bulkExport
Show CSV export in the bulk actions menu. Exports only selected rows.
Type: boolean | Default: true
actionsAsIcons
Render toolbar action buttons (Add, Export, Options) as icon-only buttons with tooltips.
Type: boolean | Default: false
density
Table row density mode.
Type: 'small' | 'medium' | 'large' | Default: 'medium'
enableColumnFilters
Enable per-column filters.
Type: boolean | Default: true
enableSorting
Enable sorting by clicking column headers.
Type: boolean | Default: true
enableGrouping
Enable grouping UI and grouped row rendering when column types allow it.
Type: boolean | Default: true
enableCalculations
Enable footer calculations (per-column calculation menus + footer results row).
Type: boolean | Default: false
When set to false:
- The calculations footer row is hidden.
- The calculations toggle is hidden from the options menu.
- Column
defaultCalculationvalues are ignored in the UI.
enableColumnDragDropByDefault
Enable drag-and-drop column reordering by default.
Type: boolean | Default: false
enableMultiRowSelection
Allow selecting multiple rows.
Type: boolean | Default: true
enablePagination
Render pagination controls.
Type: boolean | Default: true
defaultPageSize
Default number of rows per page.
Type: number | Default: 10
pageSizeOptions
Allowed page size values.
Type: number[] | Default: [5, 10, 20, 50]
dateDisplayPreset
Default date display preset for all date columns. A column can override this value with columns.definitions[].dateDisplayPreset.
Type: 'localized-short' | 'localized-medium' | 'localized-long' | 'month-name-long' | 'month-year' | 'dmy-numeric' | 'dmy-short' | 'mdy-numeric' | 'mdy-short' | 'iso-date' | Default: 'localized-short'
inlineEdit
Global defaults for column inline edit behavior.
Type:
{
enabled?: boolean;
debounceMs?: number;
trigger?: 'doubleClickEnter';
optimistic?: boolean;
showDelayIndicator?: boolean;
}Default:
{
enabled: false,
debounceMs: 700,
trigger: 'doubleClickEnter',
optimistic: true,
showDelayIndicator: true,
}Column-level columns.definitions[].inlineEdit can override these defaults.
Server-side mode
Filtering, pagination, and sorting are server-side by default and are no longer configurable via manual* flags. The table always sends search, filters, advancedFilters, orderBy, page, and limit to your list action.
For column-level options (e.g. numberFormat for numeric/currency display, dateDisplayPreset, tagColorMap), see Columns.
See also: