Total Summary

 
Region March Sales September Sales March Change September Change Market Share
Europe
$214,424 $224,751 4.44% 3.36% 70%
Asia
$34,487 $40,726 7.21% 6.69% 52%
Oceania
$10,800 $11,000 4.63% 2.73% 80%
Middle East
$12,500 $12,990 0.80% 0.85% 58%
Africa
$68,200 $72,550 1.28% 1.42% 41%
North America
$34,500 $35,800 7.25% 5.03% 84%
South America
$18,500 $19,800 5.41% 3.54% 32%
Data grid with 7 rows and 6 columns

Our Blazor TreeList component can calculate summaries across all records and display them within its footer. To create total summaries, declare DxTreeListSummaryItem objects in the TotalSummary template.

Use the following DxTreeListSummaryItem properties to configure summary items:

  • SummaryType — Specifies the aggregate function used (Sum, Min, Max, Avg, or Count).
  • FieldName — Specifies the data field whose values are used to calculate the summary. Min and Max functions support specific data fields (data field values can be compared). Avg and Sum functions require numeric fields.
  • FooterColumnName — Specifies the column used to display the summary. If you do not define this property, summary value is displayed under the column bound to the same data field.
  • DisplayText — Specifies display text pattern for the summary item. A display text string can include static text and placeholders for summary value and column caption.
  • ValueDisplayFormat — Specifies the pattern used to format the summary value. If you do not define this property, the summary applies the format from the column bound to the same data field. The TreeList supports standard formats. For more information, see the following help topic: Format types in .NET.
  • Visible — Allows you to display/hide individual summary items.