feat(grid-download): download button with event

Author: amitskevich

package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-datatable",
-  "version": "2.1.2",
+  "version": "2.1.3",
   "description": "An Angular 2 datatable, with pagination, sorting, expandable rows etc.",
   "keywords": [
     "angular",

src/components/header.template.ts

@@ -10,6 +10,10 @@ export const HEADER_TEMPLATE = `
             (click)="columnSelectorOpen = !columnSelectorOpen; $event.stopPropagation()" >
             <i class="fa fa-list fa-lg"></i>
         </button>
+        <button *ngIf="dataTable.showDownloadButton" type="button" class="btn btn-default btn-sm download-button"
+            (click)="dataTable.downloadItems()">
+            <i class="fa fa-download fa-lg"></i>
+        </button>
         <div class="column-selector-wrapper" (click)="$event.stopPropagation()">
             <div *ngIf="columnSelectorOpen" class="column-selector-box panel panel-default">
                 <div *ngIf="dataTable.expandableRows" class="column-selector-fixed-column checkbox">

src/components/table.component.ts

@@ -56,6 +56,7 @@ export class DataTable implements DataTableParams, OnInit {
     @Input() selectOnRowClick = false;
     @Input() autoReload = true;
     @Input() showReloading = false;
+    @Input() showDownloadButton = false;
 
     // UI state without input:
 
@@ -207,6 +208,13 @@ export class DataTable implements DataTableParams, OnInit {
         });
     }
 
+    // Download
+    @Output() download = new EventEmitter();
+
+    downloadItems(){
+        this.download.emit(this._getRemoteParameters());
+    }
+
     // event handlers:
 
     @Output() rowClick = new EventEmitter();