Aggregate(sum) async data

[Stavros]

Hello guys!

Is it possible to aggregate (sum) some columns inside an extra last row (footer) with a grid that gets data from an async source?

Here is a sample of my code :

<kendo-grid [data]="gridData$ | async" (cellClick)="onCellClick($event)" [rowClass]="rowCallback">
                <kendo-grid-column

public gridData$ = this.service.cdiVariable$.pipe(
    tap(console.log),
    switchMap(cdiVariable =>
      this.dataSource.getContracts(cdiVariable).pipe(
        catchError(error => {
          if (error.error instanceof ErrorEvent) {
            this.errorMsg = `Error: ${error.error.message}`;
          } else {
            this.errorMsg = `Error: ${error.message}`;
          }
          return of([]);
        })
      )
    ),
    tap(console.log)
  );

[Dimiter Topalov]

Hi Stavros,

The built-in Grid aggregates functionality can be used regardless of the mechanics of obtaining the Grid data, as described in the following section of our documentation:

https://www.telerik.com/kendo-angular-ui-develop/components/grid/grouping/aggregates/

Furthermore, any additional and/or custom calculated values, aggregates, etc., can be displayed in the Grid footer and group footer templates (if needed) as the developer see fit.

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik