Added pagination classes

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'                      |

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": {

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>

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