Display aggregate footer

[sg]

Hi,

I want to show aggregate footer in my grid. 

I have checked on https://www.telerik.com/kendo-angular-ui/components/grid/grouping/aggregates/ for the aggregate footer. However, I cannot apply it into my coding. As I am getting data from WebAPI and then bind into grid. So my columns are all dynamic. I cannot define the aggregates and state.group as per shown in the website.

public aggregates: any[] = [{ field: 'UnitPrice', aggregate: 'average' }, { field: 'Discontinued', aggregate: 'count' }];

    public state: State = {
        skip: 0,
        take: 5,
        group: [{ field: 'Discontinued', aggregates: this.aggregates }]
    };

 

Is there any workable sample similar to my case to refer? Thank you.

[sg]

To add-on, I am using custom data binding which is similar with the example provided here:  https://www.telerik.com/kendo-angular-ui/components/grid/data-binding/automatic-operations/#toc-custom-directives

Can anyone show how to enable aggregate footer from the above example? Quite urgent, due date of my assignment is close, please help. Thank you so much.

[Ivan]

Hello SG,

Could you provide us a bit more details in order to assist you with this issue.

The main question is how data is coming from the server. If the data comes page by page all group and aggregate operations should be implemented on server side, else those should be implemented in the data service , upon successful data retrieving. The result can be examined ( column lookup ) and data processed with @progress/kendo-data-query process function, before bond to the grid.

Also if there are any code samples , runnable stackblitz project or zipped project folder would help us to solve this request.

 

Regards,
Ivan
Progress Telerik