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" />
    

    API Members