title: Angular Material Table - Summary Row - Workaround (Material 2)
body: <p>I am working on angular project, in which we required to show total hours spent by employee on each project in tabular form. </p>
  
  <p>We decided to use <strong>angular material table</strong> for that. We have already implemented filtering, pagination and sorting functionality in table. Now, we need to display total hours spent by employee at the bottom of table. this value will change as user apply filtering on table.
  We need something like Jquery Datatable footer as in example given in below link :
  <a href="https://datatables.net/examples/advanced_init/footer_callback.html" rel="nofollow noreferrer">Jquery Datatable footer</a> </p>
  
  <p>My implementation of angular material data table is similar of example table given in following link :
  <a href="https://material.angular.io/components/table/examples" rel="nofollow noreferrer">Angular Material Datatable Example</a></p>
  
  <p>According to this <a href="https://github.com/angular/material2/issues/7548" rel="nofollow noreferrer">Github Link</a>, there is no such functionality in angular material table.</p>
  
  <p>can anyone help me to find workaround for this?</p>