Skip to content
On this page

VDataGridCell

Props

NameTypeDescription
columnDefinitionobjectExtends the data grid cell definition to hold more options.
aria-currentEnum:
page
step
location
date
time
true
false
Indicates the element that represents the current item within a container or set of related elements.
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.

Events

NameEvent TypeDescription
clickMouseEventFires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
focusFocusEventFires when the element receives focus.
blurFocusEventFires when the element loses focus.
keydownKeyboardEventFires when a key is pressed.
keyupKeyboardEventFires when a key is released.
inputEventFires when the value of an element has been changed.
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
handleKeydown(e: KeyboardEvent) => void
ariaSelectedChanged`(_: stringnull,selectedState: string
handleFocusin(e: FocusEvent) => unknown
handleFocusout(e: FocusEvent) => unknown