YaYaw TableYaYaw Table

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 allowEdit is enabled.
  • Incompatible with URL columns using urlDisplayMode: 'row-link'.
  • Incompatible with inline edit (table-level inlineEdit or column-level inlineEdit).

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 defaultCalculation values 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:

On this page