@page "/datagrid-column-reorder"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    DataGrid <strong>DataGrid Column Reorder</strong>
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Enable column reorder by setting the AllowColumnReorder property to true. Define column initial order using column OrderIndex property.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo <strong>ID</strong> and <strong>Photo</strong> columns have <code>Reorderable="false"</code> to prevent moving them, <strong>Last Name</strong> uses <code>OrderIndex="1"</code> and <strong>First Name</strong> uses <code>OrderIndex="2"</code> to set initial order, and reorder events are logged to the console.
</RadzenText>

<RadzenExample ComponentName="DataGrid" Example="DataGridColumnReoder">
    <DataGridColumnReoder />
</RadzenExample>
