VDataGrid

Props

Name	Type	Description
cell-item-template	@microsoft/fast-element#ViewTemplate<any, any>	Templete to use when rendering cells
column-definitions	Enum: {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}[]	Configure the grid header columns
fixed-columns	number	Sets the number of columns fixed to the left when horizontal scrolling
focus-column-index	number	Index of column to be focused on when the Data Grid receives focus
focus-row-index	number	Index of row to be focused on when the Data Grid receives focus
generate-header	Enum: none default sticky	Whether the grid should automatically generate a header row and its type
grid-template-columns	string	String that gets applied to the css gridTemplateColumns attribute of child rows
header-cell-item-template	@microsoft/fast-element#ViewTemplate<any, any>	Templete to use when rendering grid header cells
no-tabbing	boolean	Remove the grid from the tab order
row-element-tag	string	Element tag for header rows
row-item-template	@microsoft/fast-element#ViewTemplate<any, any>	Templete to use when rendering rows
rows-data	object[]	Content of the grid in data format
selection-mode	Enum: none single-row multi-row single-cell multi-cell	Set the selection mode

Events

Name	Event Type	Description
blur	FocusEvent	Fires when the element loses focus.
cell-click	CustomEvent<{cell: HTMLElement, row: HTMLElement, isHeaderCell: boolean, columnDataKey: string}>	Event that fires when a cell is clicked
click	MouseEvent	Fires 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.
focus	FocusEvent	Fires when the element receives focus.
input	Event	Fires when the value of an element has been changed.
keydown	KeyboardEvent	Fires when a key is pressed.
keyup	KeyboardEvent	Fires when a key is released.

Slots

Name	Description
default	Default slot.