[!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>