I have the Dojo here.
I am grouping by the Product column and Price column is text column which the users can edit the numbers.
I need to do the following:
1. I need to show the total of Price in the Group Header Template.
For example, the group text now shows ABC (Total Price:4). Instead I want it to show ABC (Total Price: 70)
2. Since the Price column is editable, when the user edits the Price I want the Group header text to change.
I have thousands of records and there can be multiple groups. So I cannot practically refresh the grid to change the datasource.
3. I need to collapse few groups when loading the grid. I am using a jquery approach and instead I want to be able to do this in angular.