title: How can i calculate the sum of table column in angular 2+?
body: <p>I have a table that is being filtered dynamically (Pipes) according to user selection.</p>
  <p>I need to enter a summaries row at the bottom that will show the SUM of the <code>item.total</code> column.
  This is the code, what is the best way to implement it?</p>
  <pre><code>  &lt;tbody&gt;
        &lt;tr class=&quot;newLine&quot; *ngFor=&quot;let item of records | filter:profile | location:selectedRegion &quot;&gt;
          &lt;td scope=&quot;row&quot;&gt;{{item.name}} &lt;/td&gt;
          &lt;td scope=&quot;row&quot;&gt;{{item.profile}} &lt;/td&gt;
          &lt;td scope=&quot;row&quot;&gt;{{item.location}} &lt;/td&gt;
          &lt;td scope=&quot;row&quot;&gt;{{item.numOfTags}}&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;{{total numOfTags??}}&lt;/tr&gt;
    &lt;/tbody&gt;
  </code></pre>