HighlightDirective

Updated on Feb 5, 2026

Stores the row and cell highlight state of the Grid.

typescript

<kendo-grid kendoGridHighlight="ProductID"></kendo-grid>

<kendo-grid [kendoGridHighlight]="myKey"></kendo-grid>

Selector

[kendoGridHighlight]

Inputs

Name	Type	Default	Description
highlightColumnKey	string | (column: any, columnIndex: number) => any		Sets the column key for a data cell. The Grid uses the column index as the default column key.
highlightedKeys	HighlightItem[]	[]	Stores the highlighted items keys.
kendoGridHighlight	string | (context: RowArgs) => any		Sets the item key to store in highlightedKeys. The Grid uses the row index as the default item key.

Events

Name	Type	Description
highlightedKeysChange	EventEmitter<HighlightItem[]>	Emits when the highlightedKeys collection changes.