Added aggregator (Fixes #13)

projects/ng-datatable/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ztimson/ng-datatable",
-  "version": "1.8.7",
+  "version": "1.9.7",
   "homepage": "https://github.com/ztimson/ng-datatable",
   "license": "Apache-2.0",
   "author": {

projects/ng-datatable/src/lib/column.ts

@@ -1,6 +1,7 @@
 import {TemplateRef} from "@angular/core";
 
 export interface Column {
+  aggregate?: (rows: any[]) => any;
   cssClass?: string; // CSS to add to column
   hide?: boolean; // Hide column
   hideMobile?: boolean; // Hide column on mobile

projects/ng-datatable/src/lib/ng-datatable.component.html

@@ -48,6 +48,13 @@
       </td>
     </tr>
   </ng-container>
+  <tr class="ngdt-total">
+    <td *ngIf="showCheckbox && selectionMode !== null" class="ngdt-checkbox"></td>
+    <td *ngIf="expandedTemplate" class="ngdt-expand"></td>
+    <ng-container *ngFor="let c of columns">
+      <td class="ngdt-cell">{{aggregate(c)}}</td>
+    </ng-container>
+  </tr>
   </tbody>
 </table>
 <nav *ngIf="paginate" [class]="paginateCssClass + 'ngdt-paginator'" aria-label="Page navigation">

projects/ng-datatable/src/lib/ng-datatable.component.ts

@@ -75,6 +75,11 @@ export class NgDatatableComponent implements OnInit {
     this.filterChanged.emit(this.filters);
   }
 
+  aggregate(col: Column) {
+    if(!col.aggregate) return '';
+    return col.aggregate(this.processedData.map(row => this._dotNotation(row, col.property)));
+  }
+
   changePage(page: number) {
     if(!this.paginate || page < 1 || page > this.pages.length) return;
     this.page = page;