New to Telerik UI for Blazor? Download Free 30-day trial

Grid - Column Reordering

ALFKI Maria Anders Sales Representative Obere Str. 57 030-0074321
ANATR Ana Trujillo Owner Avda. de la Constitución 2222 (5) 555-4729
ANTON Antonio Moreno Owner Mataderos 2312 (5) 555-3932
AROUT Thomas Hardy Sales Representative 120 Hanover Sq. (171) 555-7788
BERGS Christina Berglund Order Administrator Berguvsvägen 8 0921-12 34 65
BLAUS Hanna Moos Sales Representative Forsterstr. 57 0621-08460
BLONP Frédérique Citeaux Marketing Manager 24, place Kléber
BOLID Martín Sommer Owner C/ Araquil, 67 (91) 555 22 82
BONAP Laurence Lebihan Owner 12, rue des Bouchers
BOTTM Elizabeth Lincoln Accounting Manager 23 Tsawassen Blvd. (604) 555-4729
  • Column-reordering.razor
  • CustomerService.cs
  • CustomerDto.cs
Loading the demo source code...please wait.


The Telerik Grid for Blazor allows you to reorder its columns. To enable this feature you should set the Reorderable parameter to true. To place a column into a different position you can drag the header and drop it elsewhere in the Grid. For example, you can drag the header of the Email Address column to the front of the Grid to observe the behavior.

Support & Learning Resources

An error has occurred. This application may no longer respond until reloaded.