Skip to content
On this page

VDataGridRow

Props

NameTypeDescription
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.
grid-template-columnsstringString that gets applied to the the css gridTemplateColumns attribute for the row
row-typeEnum:
default
header
sticky-header
The type of row
aria-selectedstringIndicates the selected 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.
cell-clickCustomEvent<{cell: HTMLElement, row: HTMLElement, isHeaderCell: boolean, columnDataKey: string}>Event that fires when a cell is clicked
row-focusedCustomEvent<HTMLElement>Fires a custom 'row-focused' event when focus is on an element (usually a cell or its contents) in the row

Slots

NameDescription
defaultDefault slot.

Methods

NameTypeDescription
handleFocusout(e: FocusEvent) => void
handleCellFocus(e: Event) => void
handleKeydown(e: KeyboardEvent) => void