fix(paginator): Display '1 of 1' when there are no records to show

Author: viktorkombov

projects/igniteui-angular/src/lib/paginator/pager.component.html

@@ -29,7 +29,7 @@
             paginator.resourceStrings.igx_paginator_pager_text
         }}&nbsp;</span
     >
-    <span>{{ paginator.totalPages }}</span>
+    <span>{{ paginator.totalPages || 1 }}</span>
 </div>
 <button
     [title]="paginator.resourceStrings.igx_paginator_next_page_button_text"

projects/igniteui-angular/src/lib/paginator/paginator.component.spec.ts

@@ -217,6 +217,24 @@ describe('IgxPaginator with default settings', () => {
         expect(paginator.perPageChange.emit).toHaveBeenCalledTimes(1);
     });
 
+    it('should display "1 of 1" when there are no records to show', () => {
+        const fix = TestBed.createComponent(DefaultPaginatorComponent);
+        fix.detectChanges();
+
+        const totalPages = fix.debugElement.query(By.css('.igx-page-nav__text > span:last-child')).nativeElement;
+        const paginator = fix.componentInstance.paginator;
+
+        paginator.totalRecords = null;
+        fix.detectChanges();
+
+        expect(totalPages.innerText).toBe('1');
+
+        paginator.totalRecords = 0;
+        fix.detectChanges();
+
+        expect(totalPages.innerText).toBe('1');
+    });
+
 });
 
 describe('IgxPaginator with custom settings', () => {