Web Components Grid 強調表示

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

Web Components Grid 強調表示の例

Edit on CodeSandbox

概要

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>