fix(data-grid): imporves pagination with 0 elements (#2316)

* fix: pagination with 0 elements in data-grid --------- Co-authored-by: Amir Baghdoust <[email protected]>
telekom · Oct 24, 2024 · 42a3b36 · 42a3b36
1 parent c19759f
commit 42a3b36
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 2 deletions.
diff --git a/packages/components/src/components/pagination/pagination.spec.ts b/packages/components/src/components/pagination/pagination.spec.ts
@@ -125,4 +125,24 @@ describe('pagination', () => {
       })
     );
   });
+  it('should show no start element when total elements is zero', async () => {
+    const specPage = await newSpecPage({
+      components: [Pagination],
+      html: `<scale-pagination
+                hide-borders="true"
+                hide-border="true"
+                page-size="11"
+                start-element="0"
+                total-elements="0"
+                styles="style">
+              </scale-pagination>`,
+    });
+    const paginationInfoElement =
+      specPage.root.shadowRoot.querySelector('.pagination__info');
+    const buttonPrev = specPage.root.shadowRoot.querySelector(
+      '.pagination__prev-prompt'
+    );
+    expect(paginationInfoElement.textContent).toEqual('0-0 / 0');
+    expect(buttonPrev.hasAttribute('disabled')).toBe(true);
+  });
 });
diff --git a/packages/components/src/components/pagination/pagination.tsx b/packages/components/src/components/pagination/pagination.tsx
@@ -177,9 +177,9 @@ export class Pagination {
   /* 10. Render */
   render() {
     const total = this.totalElements;
-    const start = this.startElement + 1;
+    const start = total === 0 ? 0 : this.startElement + 1;
     const end = Math.min(this.startElement + this.pageSize, total);
-    const isAtStart = start === 1;
+    const isAtStart = start === 1 || total === 0;
     const isAtEnd = end === total;
     return (
       <Host>