@page "/datagrid-pager-horizontal-align"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    DataGrid <strong>Pager Horizontal Align</strong>
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Align the pager left, center, or right to match your layout.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo a dropdown lets you choose between <strong>Left</strong>, <strong>Center</strong>, <strong>Right</strong>, and <strong>Justify</strong> horizontal alignments to see how the pager alignment changes, with the OrderDetails grid starting at <code>HorizontalAlign.Justify</code>.
</RadzenText>

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