React Grid ハイライト表示

Ignite UI for React Data Table / Data Grid は、行のハイライト表示の構成をサポートします。

React Grid ハイライト表示の例

概要

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

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

コード スニペット

以下は、React データ グリッドで行のハイライト表示を有効にし、青色を適用する方法を示します。

<IgrDataGrid
    height="100%"
    width="100%"
    dataSource={this.data}
    isRowHoverEnabled={true}
    rowHoverBackground="#bfbfff"/>

API リファレンス

• isRowHoverEnabled
• rowHoverBackground