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

Grid - Column Reordering

1OrlandoGeeorlando0@adventure-works.com8/1/2001 12:00:00 AM
2KeithHarriskeith0@adventure-works.com8/1/2002 12:00:00 AM
3DonnaCarrerasdonna0@adventure-works.com9/1/2001 12:00:00 AM
4JanetGatesjanet1@adventure-works.com7/1/2002 12:00:00 AM
5LucyHarringtonlucy0@adventure-works.com9/1/2002 12:00:00 AM
6RosmarieCarrollrosmarie0@adventure-works.com9/1/2003 12:00:00 AM
7DominicGashdominic0@adventure-works.com7/1/2002 12:00:00 AM
10KathleenGarzakathleen0@adventure-works.com9/1/2002 12:00:00 AM
11KatherineHardingkatherine0@adventure-works.com8/1/2001 12:00:00 AM
12JohnnyCapriojohnny0@adventure-works.com8/1/2002 12:00:00 AM
  • Column-reordering.razor
  • CustomerService.cs
  • Customer.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.