[!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 リファレンス

• isRowHoverEnabled
• rowHoverBackground