Skip to main content Skip to footer
Vue Icon

Aggregation for Vue Datagrids

Wijmo's Vue datagrid, FlexGrid, allows you to set where the aggregated data is displayed, as well as create custom aggregations and format options. Built-in aggregate functions include Sum, Count, CountAll, First, Last, Average, Min, Max, None, Rng, Std, StdPop, Var, and VarPop.

Aggregation

Wijmo's Vue datagrid, FlexGrid, allows you to aggregate data to display summarized information for rows and columns in either the entire datagrid or individual sections.

Aggregation Demo

Aggregation Documentation

Aggregation Location

FlexGrid allows you to set the location of the aggregation to both above and below the data inside of the Vue grid. This creates a new row that displays the aggregated values.

Above the Data Demo

Below the Data Demo

Custom Aggregation

If the built-in aggregates are not enough, FlexGrid allows you to build your own custom aggregates. Use this to calculate the differences between the values and aggregates of other columns within the Vue datagrid.

Custom Aggregation Demo

Custom Aggregation Documentation