Column Rearrangememt

June 20, 2022 ยท View on GitHub

GridBlazor for ASP.NET Core MVC

Column Rearrangememt

Index

You can enable rearrange column order by drag and drop a grid using the RearrangeableColumns method for GridClient objects:

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

You can drag the column title and drop it on another column. The grid with higlight columns on which it will be dropped and pin will show place where column will be inserted after drop.

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

<- Grouping | Selecting row ->