From 58f2b18d77f877f0859ab09f40de970440274c0a Mon Sep 17 00:00:00 2001
From: Zak Timson <zaktimson@gmail.com>
Date: Tue, 26 Jun 2018 17:04:44 -0400
Subject: [PATCH] Added pagination classes

---
 README.md                                                 | 1 +
 projects/ng-datatable/package.json                        | 2 +-
 projects/ng-datatable/src/lib/ng-datatable.component.html | 2 +-
 projects/ng-datatable/src/lib/ng-datatable.component.ts   | 1 +
 4 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 5c698ba..b9d3349 100644
--- a/README.md
+++ b/README.md
@@ -64,6 +64,7 @@ Selector: `ng-datatable`
 | @Input() pageLength: number                               | Number of rows per page. Default 20                       |
 | @Input() page: number                                     | Current page                                              |
 | @Input() paginate: boolean                                | Paginate rows or display all at once. Default true        |
+| @Input() paginateCssClass: string                         | Class added to the paginator
 | @Input() selectionMode: null/'single'/'multi'             | Allow selecting none, single or multiple rows at once     |
 | @Input() showCheckbox: boolean                            | Show checkbox' for mass selecting                         |
 | @Input() tableLayout: 'auto'/'fixed'                      | CSS table layout. Defaults to 'auto'                      |
diff --git a/projects/ng-datatable/package.json b/projects/ng-datatable/package.json
index 4f1dfa7..cd6b5b7 100644
--- a/projects/ng-datatable/package.json
+++ b/projects/ng-datatable/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ztimson/ng-datatable",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "homepage": "https://github.com/ztimson/ng-datatable",
   "license": "Apache-2.0",
   "author": {
diff --git a/projects/ng-datatable/src/lib/ng-datatable.component.html b/projects/ng-datatable/src/lib/ng-datatable.component.html
index 8331f4c..62e52e2 100644
--- a/projects/ng-datatable/src/lib/ng-datatable.component.html
+++ b/projects/ng-datatable/src/lib/ng-datatable.component.html
@@ -48,7 +48,7 @@
   </ng-container>
   </tbody>
 </table>
-<nav *ngIf="paginate" aria-label="Page navigation">
+<nav *ngIf="paginate" [class]="paginateCssClass" aria-label="Page navigation">
   <ul class="pagination">
     <li class="page-item" [ngClass]="{'disabled': page <= 1}" (click)="changePage(page - 1)"><a class="page-link">Previous</a></li>
     <li *ngFor="let i of pages" class="page-item" [ngClass]="{'active': page == i}"><a class="page-link" (click)="changePage(i)">{{i}}</a></li>
diff --git a/projects/ng-datatable/src/lib/ng-datatable.component.ts b/projects/ng-datatable/src/lib/ng-datatable.component.ts
index c94cb5e..90c2b69 100644
--- a/projects/ng-datatable/src/lib/ng-datatable.component.ts
+++ b/projects/ng-datatable/src/lib/ng-datatable.component.ts
@@ -14,6 +14,7 @@ export class NgDatatableComponent implements OnInit {
   @Input() pageLength: number = 20; // Number of rows per page
   @Input() page: number = 1; // Current page number
   @Input() paginate: boolean = true; // Should we paginate results
+  @Input() paginateCssClass: string; // CSS class to add to paginator
   @Input() selectionMode: null | 'single' | 'multi'; // Allow selecting no/single/multiple rows
   @Input() showCheckbox: boolean; // Selection checkboxes
   @Input() tableLayout: 'auto' | 'fixed' = 'auto'; // How column widths are decided