Skip to content
On this page

VDataGrid

Props

NameTypeDescription
no-tabbingbooleanWhen true the component will not add itself to the tab queue. Default is false.
generate-headerEnum:
none
default
sticky
Whether the grid should automatically generate a header row and its type
grid-template-columnsstringString that gets applied to the the css gridTemplateColumns attribute of child rows
selection-modeEnum:
none
single-row
multi-row
single-cell
multi-cell
Indicates the selection mode.
rowsDataany[]Array of objects representing the rows of the grid.

Events

NameEvent TypeDescription
cell-clickCustomEvent<{cell: HTMLElement, row: HTMLElement, isHeaderCell: boolean, columnDataKey: string}>Event that fires when a cell is clicked

Slots

NameDescription
defaultDefault slot.

Methods

NameTypeDescription
selectionModeChanged`(oldValue: 'none''single-row'