DataGrid DataGrid Column Reorder

Enable column reorder by setting the AllowColumnReorder property to true. Define column initial order using column OrderIndex property.

In this demo ID and Photo columns have Reorderable="false" to prevent moving them, Last Name uses OrderIndex="1" and First Name uses OrderIndex="2" to set initial order, and reorder events are logged to the console.

Example
Edit Source

ID	Photo	Last Name	First Name	Title	Birth Date	Hire Date	Address	City	Region	Postal Code	Country	Home Phone	Extension	Notes
No records to display.

Console log

All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

Visual design-time-experience

Start Free See Subscription Plans

CRUD Operations and Data Management

Seamless Integration

Digital Transformation and Modernization

Design Systems and Consistency

From Prototyping to Production

Time to Market Reduced

Empower the Next Generation

DataGrid DataGrid Column Reorder

Save Hours on Every Project

Demos Configuration