Individual group sum and total column sum - angularjs

Question

How can I show individual group sum and total sum of a column for angular js ng Table?
http://bazalt-cms.com/ng-table/example/12.

Answer 1

Plunk that present how you can show group sum (for example sum of all ages of people).
Check function $scope.GetSummOfAges in controller.
Detailed explanation
Instead of applying ng-repeat directive for $data variable ,you first need to apply that for groups of item ($groups var) and then there second nested ng-repeat for items in each group ,and thus near nested directive you can apply any function for group items,like here
Index.html
<tbody ng-repeat="group in $groups">
<tr class="ng-table-group">
<td colspan="{{$columns.length}}">
<a >
<<strong>{{ group.value }}</strong>
</a>
</td>
</tr>
<tr ng-repeat="user in group.data">
<td sortable="name" data-title="'Name'">
{{user.name}}
</td>
<td sortable="age" data-title="'Age'">
{{user.age}}
</td>
</tr>
<tr><td><b>summ of ages</b></td><td>{{GetSummOfAges(group)}}</td></tr>
</tbody>
App.js
$scope.GetSummOfAges=function(group){
var summ=0;
for(var i in group.data)
{
summ=summ+Number(group.data[i].age);
}
return summ;
};
Note:
since Angular 1.2 you better use ng-repeat-start to propagate <tr> tag,instead of <tbody> tag like in example