Sum of all the column in angularjs

Question

Sl. No Name Age Salary {{$index+1}} {{employee.Name}} {{employee.Age}} {{employee.Salary}} All TotalTotal Total Age of n employees Total Salary of n employees ============================== This is my table ...at the end i want all totals of all employee age and salary... i also used filter in my table ... so total should work in runtime and as well as in the time of filter... Here MyData is the filter Parameter .... Can any one tell how to get the actual output Sl. No Name Age Salary 1 aa 20 15000 2 bb 25 25000 Total 45 40000 It should work with filter .... I'm no getting the logic..plz help any one....

Puneet Kankar · Answer

Please check this link https://jsfiddle.net/51ok4mpb/

Manikandan Murugesan · Answer

As I said in my comment one way to solve this could be by using a custom filter that would look like: ( function () { 'use strict' ; angular .module( 'Test'  []) .filter( 'sumByColumn'  function () { return function (collection column) { var total = 0; collection.forEach( function (item) { total += parseInt(item[column]); }); return total; }; }); })(); You could then call that filter on your collection by specifying which column you want to sum: {{ Approve | sumByColumn: 'amount' }} The advantage of using a filter here IMHO is that it is reusable. Whenever you need to sum a specific column on any data you can do it using this filter again. Of course I advise you to improve it by checking that the column value is a number for example...etc...Since it is a filter you can easily write tests for it.

Anilananda Chakrabortty · Answer

Thank you so much ... @Manikandan Murugesan @Puneet Kankar