@page "/datagrid-footer-totals"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    DataGrid <strong>Footer Totals</strong>
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    The <strong>FooterTemplate</strong> column property allows you to display aggregated data in the column footer.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo the grid shows <strong>#</strong> for record numbering (using <code>RenderOnceComponent</code> for performance), <strong>Order ID</strong> footer displays count of displayed vs total orders, <strong>Order Date</strong> shows last order date, and <strong>Freight</strong> shows total amount in USD currency format.
</RadzenText>

<RadzenExample ComponentName="DataGrid" Example="DataGridFooterTotals" AdditionalSourceCodePages="@(new [] {"/demos/Shared/RenderOnceComponent.razor"})">
    <DataGridFooterTotals  />
</RadzenExample>
