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"/>