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
cell-click	CustomEvent<{cell: HTMLElement, row: HTMLElement, isHeaderCell: boolean, columnDataKey: string}>	Event that fires when a cell is clicked

Slots

Name	Description
default	Default slot.