diff --git a/src/app/clients/view-client/view-client.component.html b/src/app/clients/view-client/view-client.component.html
index dfe1d3803..cb49a8bf8 100644
--- a/src/app/clients/view-client/view-client.component.html
+++ b/src/app/clients/view-client/view-client.component.html
@@ -118,6 +118,7 @@
+
@@ -159,6 +160,7 @@
+
@@ -203,6 +205,7 @@
+
diff --git a/src/app/clients/view-client/view-client.component.ts b/src/app/clients/view-client/view-client.component.ts
index fe5578810..77467c33d 100644
--- a/src/app/clients/view-client/view-client.component.ts
+++ b/src/app/clients/view-client/view-client.component.ts
@@ -44,6 +44,9 @@ export class ViewClientComponent implements OnInit, OnDestroy {
@ViewChild('f') noteForm: NgForm;
@ViewChild(MatPaginator) paginator: MatPaginator;
+ @ViewChild('loanPaginator') loanPaginator: MatPaginator;
+ @ViewChild('savingsPaginator') savingsPaginator: MatPaginator;
+ @ViewChild('sharesPaginator') sharesPaginator: MatPaginator;
@ViewChild(MatSort) sort: MatSort;
constructor(private route: ActivatedRoute, private clientService: ClientsService,
@@ -97,9 +100,9 @@ export class ViewClientComponent implements OnInit, OnDestroy {
this.dataSourceLoan = new MatTableDataSource(this.LOAN_DATA);
this.dataSourceSavings = new MatTableDataSource(this.SAVINGS_DATA);
this.dataSourceShares = new MatTableDataSource(this.SHARES_DATA);
- this.dataSourceLoan.paginator = this.paginator;
- this.dataSourceSavings.paginator = this.paginator;
- this.dataSourceShares.paginator = this.paginator;
+ this.dataSourceLoan.paginator = this.loanPaginator;
+ this.dataSourceSavings.paginator = this.savingsPaginator;
+ this.dataSourceShares.paginator = this.sharesPaginator;
this.dataSourceLoan.sort = this.sort;
this.dataSourceSavings.sort = this.sort;
this.dataSourceShares.sort = this.sort;