@page "/datagrid-sort"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    DataGrid <strong>Sorting</strong>
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Click column headers to sort ascending/descending. Use multi-column sort if enabled.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo the DataGrid shows the three-state sort cycle: click once for ascending, twice for descending, and three times to clear sorting and return to the original order.
</RadzenText>

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