[!Note] このコントロールは非推奨であり、Grid に置き換えられていることに注意してください。そのため、そのコントロールに移行することをお勧めします。これは新しい機能を受け取ることはなく、バグ修正は優先されません。コードベースをデータ グリッドに移行する際のヘルプや質問については、サポートにお問い合わせください。

    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>
    

    API リファレンス