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