Blazor Grid 強調表示

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

Blazor Grid 強調表示の例

概要

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

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

コード スニペット

以下は、Blazor データ グリッドで行の強調表示を有効にし、青色を適用する方法を示します。

<DataGrid Height="100%" Width="100%"                      
    DataSource="DataSource"
    IsRowHoverEnabled="true"
    RowHoverBackground="#bfbfff" />