React Grid Highlighting

    The Ignite UI for React Data Table / Data Grid supports configuring the appearance of row highlighting.

    React Grid Highlighting Example

    Overview

    Highlighting records in the React data can be toggled by setting the isRowHoverEnabled boolean property of the React 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 React data grid and applies the color blue:

    <IgrDataGrid
    height="100%"
    width="100%"
    dataSource={this.data}
    isRowHoverEnabled={true}
    rowHoverBackground="#bfbfff"/>

    API References