Skip to content

Latest commit

 

History

History
63 lines (44 loc) · 2.19 KB

Sorting.md

File metadata and controls

63 lines (44 loc) · 2.19 KB
Raw

Blazor WASM with GridCore back-end (gRPC)

Sorting

Index

Regular Sorting

You can enable sorting for all columns of a grid using the Sortable method for both GridClient and GridCoreServer objects:

  • Client project

        var client = new GridClient<Order>(gridClientService.GetOrdersGridRows, query, false, "ordersGrid", Columns, locale)
        .Sortable();

  • Server project

        var server = new GridCoreServer<Order>(repository.GetAll(), Request.Query, true, "ordersGrid", columns, 10)
        .Sortable();

In this case you can select sorting pressing the column name on just one column at a time

Sorting at grid level has precendence over sorting defined at column level.

Sorting header behavior

The default behavior when a header label is clicked is to switch between sorting startes as follows: Ascending -> Descending -> No Sorting -> Acending

This behavior can be changed to Ascending -> Descending -> Acending, using an optional parameter of the Sortable method:

    var client = new GridClient<Order>(gridClientService.GetOrdersGridRows, query, false, "ordersGrid", Columns, locale)
        .Sortable(true, GridSortMode.TwoState);

It can also be configured at column level:

    c.Add(o => o.OrderDate).Sortable(true, GridSortMode.TwoState);

Extended Sorting

You can also configure extended sorting using the ExtSortable method for both GridClient and GridCoreServer objects:

  • Client project

        var client = new GridClient<Order>(gridClientService.GetOrdersGridRows, query, false, "ordersGrid", Columns, locale)
        .ExtSortable();

  • Server project

        var server = new GridCoreServer<Order>(repository.GetAll(), Request.Query, true, "ordersGrid", columns, 10)
        .ExtSortable();

In this case you can drag the column title and drop it on the sorting area. You can add multiple columns at the same time and select if sorting is ascending or descending column by column.

This is an example of a table of items using extended sorting:

<- Totals | Grouping ->