pager v1.

src/app/list-view-demo/list-view-demo-home/list-view-demo-home.component.html

@@ -29,6 +29,9 @@
     </div>
     <div *psListViewFooter class="mt-2">
         <psbx-ds-pagination [dataSource]="merchantDataSource"></psbx-ds-pagination>
+        
+        <ps-ds-pager class="mt-2" [dataSource]="merchantDataSource"></ps-ds-pager>
+        <ps-ds-pager class="mt-2" range="0" [dataSource]="merchantDataSource"></ps-ds-pager>
     </div>
 </ps-list-view>
 

src/app/list-view-demo/list-view-demo-home/list-view-demo-home.component.ts

@@ -40,7 +40,7 @@ export class ListViewDemoHomeComponent implements OnInit {
   ngOnInit(): void {
 
     this.merchantDataSource.query({
-      pageSize: 6
+      pageSize: 2
     })
   }
 

src/app/list-view-demo/list-view-demo.module.ts

@@ -7,6 +7,7 @@ import { ListViewModule } from '@poweredsoft/ngx-cdk-ui';
 import { FormGroupCommandModalModule, PaginationModule } from '@poweredsoft/ngx-bootstrap';
 import { ReactiveFormsModule } from '@angular/forms';
 import { DsSearchModule } from 'projects/poweredsoft/ngx-cdk-ui/src/lib/ds-search/ds-search.module';
+import { DsPagerModule } from 'projects/poweredsoft/ngx-cdk-ui/src/public-api';
 
 
 
@@ -19,7 +20,8 @@ import { DsSearchModule } from 'projects/poweredsoft/ngx-cdk-ui/src/lib/ds-searc
     PaginationModule,
     ReactiveFormsModule,
     FormGroupCommandModalModule,
-    DsSearchModule
+    DsSearchModule,
+    DsPagerModule
   ]
 })
 export class ListViewDemoModule { }