[!Note] このコントロールは非推奨であり、Grid に置き換えられていることに注意してください。そのため、そのコントロールに移行することをお勧めします。これは新しい機能を受け取ることはなく、バグ修正は優先されません。コードベースをデータ グリッドに移行する際のヘルプや質問については、サポートにお問い合わせください。
Blazor グリッド ソートの概要
Blazor Data Table / Data Grid は、単一列、複数列、およびトライステート列のソート構成で昇順および降順の列のソートをサポートします。
Blazor グリッド ソートの例
コード スニペット
HeaderClickAction
プロパティを使用して、Blazor データ グリッドで単一または複数の列を昇順降順にソートできます。TriState が有効な場合、列に適用されているソートを削除できます。
SortByMultipleColumns
SortByMultipleColumnsTriState
SortByOneColumnOnly
SortByOneColumnOnlyTriState
<IgbDataGrid Height="100%" Width="100%" @ref="DataGridRef"
HeaderClickAction="HeaderClickAction.SortByMultipleColumns"
DataSource="DataSource" />
API を使用したソート
@code {
// Using the ref property above:
private IgbDataGrid grid;
private IgbDataGrid DataGridRef
{
get { return grid; }
set
{
grid = value;
OnGridRefChanged();
StateHasChanged();
}
}
private void OnGridRefChanged()
{
if (this.DataGridRef != null)
{
this.DataGridRef.SortDescriptions.Add(new ColumnSortDescription()
{
Field = "Property",
SortDirection = ListSortDirection.Descending
});
}
}
}
API リファレンス
HeaderClickAction
SortByMultipleColumnsTriState
SortByMultipleColumns
SortByOneColumnOnlyTriState