Blazor グリッドの選択

Ignite UI for Blazor Data Table / Data Grid は、単一行または複数行およびセルの選択をサポートしています。

Blazor グリッド選択の例

概要

Blazor データ グリッドでの選択は行およびセル レベルで有効になり、Blazor グリッドの SelectionMode オプションを使用して構成できます。このプロパティには、以下にリストされている 5 つの異なるオプションがあります。

  • None: 選択は有効にされていません。
  • SingleCell: 単一セルの選択が有効です。
  • SingleRow: 単一行の選択が有効です。
  • MultipleCell: 複数セルの選択が可能になります。
  • MultipleRow: 複数行の選択が可能になります。
  • RangeCell: クリックしてドラッグの複数セル範囲の選択が可能になります。

MultipleRow または MultipleCell に設定すると、複数行またはセルを選択するために CTRL キーを押す必要はありません。各行/セルは、その特定の行/セルをクリックしたときに選択または選択解除されます。

コード スニペット

以下は、Blazor データ グリッド上の選択を構成して、複数行の選択を設定する方法を紹介します。

<DataGrid Height="100%" Width="100%"                      
    DataSource="DataSource"
    SelectionMode="GridSelectionMode.MultipleRow" />