[!Note] Please note that this control has been deprecated and replaced with the Grid component, and as such, we recommend migrating to that control. This will not be receiving any new features, bug fixes will be deprioritized. For help or questions on migrating your codebase to the Data Grid, please contact support.
Web Components Grid Highlighting
The Ignite UI for Web Components Data Table / Data Grid supports configuring the appearance of row highlighting.
Web Components Grid Highlighting Example
Overview
Highlighting records in the Web Components data can be toggled by setting the isRowHoverEnabled boolean property of the Web Components grid. Note, this is enabled by default.
In addition, the color is configurable by setting the rowHoverBackground string property to a hex value.
Code Snippet
The following demonstrates how to enable row highlighting on the Web Components data grid and applies the color blue:
<igc-data-grid id="grid"
height="100%"
width="100%"
is-row-hover-enabled="true"
row-hover-background="#bfbfff">
</igc-data-grid>