Summary

Total summaries are aggregate function values calculated against all cards within the Card View and displayed in the summary panel when the Settings.ShowSummaryPanel property is set to true.

The Card View control stores its total summary items in the TotalSummary collection. Each item in the collection is an instance of the ASPxCardViewSummaryItem class.

Built-in aggregate functions include: Min, Max, Avg, Sum and Count.

Vins et alcools Chevalier
France
Reims
$14.00
12
$168.00
Vins et alcools Chevalier
France
Reims
$10.00
10
$100.00
Sum of Total is $1,267,528.27
<dx:BootstrapCardView ID="CardViewSummary" runat="server" DataSourceID="InvoicesDataSource">
    <Columns>
        <dx:BootstrapCardViewTextColumn FieldName="CompanyName" Caption="Company" />
        <dx:BootstrapCardViewTextColumn FieldName="Country" />
        <dx:BootstrapCardViewTextColumn FieldName="City" />
        <dx:BootstrapCardViewTextColumn FieldName="UnitPrice">
            <PropertiesTextEdit DisplayFormatString="c" />
        </dx:BootstrapCardViewTextColumn>
        <dx:BootstrapCardViewTextColumn FieldName="Quantity" />
        <dx:BootstrapCardViewTextColumn FieldName="Total" UnboundType="Decimal" UnboundExpression="UnitPrice * Quantity * (1 - Discount)">
            <PropertiesTextEdit DisplayFormatString="<b>{0:c}</b>" />
        </dx:BootstrapCardViewTextColumn>
    </Columns>
    <Settings ShowSummaryPanel="true" />
    <TotalSummary>
        <dx:ASPxCardViewSummaryItem FieldName="Total" SummaryType="Sum" ValueDisplayFormat="<b>{0:c}</b>"/>
    </TotalSummary>
    <SettingsPager NumericButtonCount="6" ItemsPerPage="2"></SettingsPager>
    <SettingsLayout CardColSpanLg="6" CardColSpanSm="12" />
</dx:BootstrapCardView>
Screen Size
Color Themes
Demo QR Code