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>
    

    API Members