Blazor server-side

Grouping

Index

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

• razor page

      var client = new GridClient<Order>(q => orderService.GetOrdersGridRows(columns, q), query, false, "ordersGrid", Columns, locale)
          .Groupable()
  

• service method

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

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. The grid items will be grouped by the values of the selected columns.

This is an example of a table of items using grouping:

<- Sorting | Rearrange columns ->