Skip to content

VDataGridRow

Props

NameTypeDescription
cell-item-template@microsoft/fast-element#ViewTemplate<any, any>The template used to render cells in generated rows.
column-definitionsEnum:
{columnDataKey: string; gridColumn?: string; title?: string; headerCellTemplate?: @microsoft/fast-element#ViewTemplate<any, any>; headerCellInternalFocusQueue?: false
true; headerCellFocusTargetCallback?: ((cell: @vonage/vivid#VwcDataGridCellElement) => HTMLElement); cellTemplate?: @microsoft/fast-element#ViewTemplate<any, any>; cellInternalFocusQueue?: false | true; cellFocusTargetCallback?: ((cell: @vonage/vivid#VwcDataGridCellElement) => HTMLElement); isRowHeader?: false | true}[]
The column definitions of the row
grid-template-columnsstringString that gets applied to the the css gridTemplateColumns attribute for the row x
header-cell-item-template@microsoft/fast-element#ViewTemplate<any, any>The template used to render header cells in generated rows.
row-dataobjectThe base data for this row
row-indexnumberThe index of the row in the parent grid. This is typically set programmatically by the parent grid.
row-typeEnum:
header
default
sticky-header
The type of row
selectedEnum:
false
true
Reflects selected state of the row

Events

NameEvent TypeDescription
blurFocusEventFires when the element loses focus.
cell-clickCustomEvent<{cell: HTMLElement, row: HTMLElement, isHeaderCell: boolean, columnDataKey: string}>Event that fires when a cell is clicked
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.
inputEventFires when the value of an element has been changed.
keydownKeyboardEventFires when a key is pressed.
keyupKeyboardEventFires when a key is released.
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
handleCellFocus(e: Event) => void
handleFocusout(_: FocusEvent) => void
handleKeydown(e: KeyboardEvent) => void