Web Components Grid 強調表示

    Ignite UI for Web Components Data Table / Data Grid は、行の強調表示の構成をサポートします。

    Web Components Grid 強調表示の例

    概要

    Web Components データ内のレコードの強調表示は、Web Components グリッド の isRowHoverEnabled ブール値プロパティを設定して切り替えることができます。これはデフォルトで有効になっていることに注意してください。

    さらに、rowHoverBackground 文字列プロパティを 16 進数値に設定して色を設定できます。

    コード スニペット

    以下は、Web Components データ グリッドで行の強調表示を有効にし、青色を適用する方法を示します。

    <igc-data-grid id="grid"
          height="100%"
          width="100%"
          is-row-hover-enabled="true"
          row-hover-background="#bfbfff">
    </igc-data-grid>