@page "/datagrid-pager-position"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    DataGrid <strong>Pager Position</strong>
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Configure pager placement at the top, bottom, or both positions of the grid.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo a dropdown lets you select between <strong>Top</strong>, <strong>Bottom</strong>, and <strong>TopAndBottom</strong> pager positions to see how the pager placement changes, with the OrderDetails grid starting at <code>PagerPosition.Bottom</code>.
</RadzenText>

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