Skip to main content

TableConfig

Configuration options for customizing the appearance and behavior of the Table component

Properties​

adaptiveWidth?​

optional adaptiveWidth: boolean

Whether to use adaptive width for the entire table. When true: for small screens (screen width < columnsCount * 150px + 10vw) width is 90vw with minimum width of columnsCount * 100px (in rem); for large screens minimum width is columnsCount * 150px (in rem). When false: fixed minimum width of columnsCount * 100px / 16 (calculated based on column content).

className?​

optional className: string

Additional Css class names

columnConfigs?​

optional columnConfigs: WithIndexer<TableColumnConfig>

Configuration for specific columns in the table, keyed by column name.

customActions?​

optional customActions: TableCustomAction[]

Custom actions to display in the table rows or header

optional disableCellNavigationLinks: boolean

Whether cell URL navigation links should be disabled/removed from the table. When true, URL navigation links are removed from cells (useful for dialogs).

displayMode?​

optional displayMode: TableDisplayMode

Display mode of the table. tableDisplayModes.default shows full-sized table with all controls visible. tableDisplayModes.minimal shows compact table with controls visible only on hover.

editMode?​

optional editMode: ResourceEditMode

Edit mode for resources in the table. Values: resourceEditMode.default (0) uses full View component, resourceEditMode.simple (1) uses compact EditResource component.

excludeProperties?​

optional excludeProperties: string[]

Array of property names that should be excluded from the table display.

externalSorting?​

optional externalSorting: boolean

Whether to use external sorting mechanism If true, sorting will call the sort function If false, sorting will be applied locally to the provided items

hideDeleteButton?​

optional hideDeleteButton: boolean

Whether to hide the delete button in the table actions

includeProperties?​

optional includeProperties: string[]

Properties to specifically include in the table display

maxNumberOfColumns?​

optional maxNumberOfColumns: number

Maximum number of columns to display in the table

multiSelect?​

optional multiSelect: boolean

Whether to enable multi-selection of rows

pageSize?​

optional pageSize: number

Number of items per page by default

readonly?​

optional readonly: boolean

Whether the table is in read-only mode

rowHighlightBehavior?​

optional rowHighlightBehavior: RowHighlightBehavior

Behavior for highlighting rows when interacting with the table. rowHighlightBehaviors.default shows standard cursor on hover using "hover:cursor-default" Css class. rowHighlightBehaviors.pointer shows pointer cursor on hover using "hover:cursor-pointer" Css class.

sort?​

optional sort: TableSort

Current sort configuration