Angular2- Total in Footer on GroupBy using Lazy loading.

[Neel]

I am using Angular2+ with kendo grid. I want to implement a footer and display the total in the footer. When user group by column, the footer with total should display in the footer of the group by. I referred below-given link for this;

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

But, this is not exactly suitable to work with lazy loading, as I have used [scrollable]="'virtual'" for lazy loading.
My user can do the group by himself on any column. So, please give me demo with the dynamic group by, if possible. 

[Svet]

Hi Neel,

We can display the footer of the groups by setting the showFooter input of the groupable input of the grid to true. Check the following sample plunker demonstrating this approach:
https://plnkr.co/edit/zOl2Yn03EBmNDVVCWj53?p=preview

Also, note, that the kendoGridGroupBinding directive can be used only with pre-loaded data as noticed in the following article:
https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes/#toc-using-virtualization-with-grouping

I hope this helps.

Regards,
Svetlin
Progress Telerik