[!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.
Blazor Grid Highlighting
The Ignite UI for Blazor Data Table / Data Grid supports configuring the appearance of row highlighting.
Blazor Grid Highlighting Example
Overview
Highlighting records in the Blazor data can be toggled by setting the IsRowHoverEnabled boolean property of the Blazor 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 Blazor data grid and applies the color blue:
<IgbDataGrid Height="100%" Width="100%"
DataSource="DataSource"
IsRowHoverEnabled="true"
RowHoverBackground="#bfbfff" />