Skip to content
On this page

VDataGridCell

Props

NameTypeDescription
cell-typeEnum:
default
columnheader
rowheader
The type of cell
grid-columnstringThe column index of the cell. This will be applied to the css grid-column-index value applied to the cell
aria-selectedstringIndicates the selected status.
aria-sortstringIndicates the sort status.
columnDefinitionobjectObject representing the column definition.

Events

NameEvent TypeDescription
sortCustomEvent<{columnDataKey: string, ariaSort: string | null}>Event that fires when a sortable column header is clicked
cell-clickCustomEvent<{cell: HTMLElement, row: HTMLElement, isHeaderCell: boolean, columnDataKey: string}>Event that fires when a cell is clicked
cell-focusedCustomEvent<HTMLElement>Fires a custom 'cell-focused' event when focus is on the cell or its contents

Slots

NameDescription
defaultDefault slot.

Methods

NameTypeDescription
handleFocusin(_: FocusEvent) => void
handleFocusout(_: FocusEvent) => void
handleKeydown(e: KeyboardEvent) => void
ariaSelectedChanged`(_: stringnull,selectedState: string