Merge pull request #1482 from Availity/docs/table-sorting

docs(table): fix broken pagination when sorting in examples
Availity · Nov 1, 2024 · 2d77575 · 2d77575
2 parents 7c58410 + c48c09f
commit 2d77575
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/docusaurus/docs/components/table/index.md b/docusaurus/docs/components/table/index.md
@@ -97,7 +97,7 @@ const Example = () => (
           {({ instance }) => (
             <Pagination
               itemsPerPage={instance.state.pageSize}
-              page={instance.currentPage}
+              page={instance.state.pageIndex - 1 }
               onPageChange={(page: number) => {
                 const { gotoPage } = instance;
                 gotoPage(page - 1);
@@ -885,7 +885,7 @@ const Example = () => (
           {({ instance }) => (
             <Pagination
               itemsPerPage={instance.state.pageSize}
-              page={instance.currentPage}
+              page={instance.state.pageIndex + 1 }
               onPageChange={(page: number) => {
                 const { gotoPage } = instance;
                 gotoPage(page - 1);
@@ -974,7 +974,7 @@ const Example = () : JSX.Element => (
             {({ instance }) => (
                 <Pagination
                 itemsPerPage={instance.state.pageSize}
-                page={instance.currentPage}
+                page={instance.state.pageIndex + 1}
                 onPageChange={(page: number) => {
                     const { gotoPage } = instance;
                     gotoPage(page - 1);

diff --git a/docusaurus/docs/components/table/tableControls.md b/docusaurus/docs/components/table/tableControls.md
@@ -82,7 +82,7 @@ const Example = () : JSX.Element => (
             {({ instance }) => (
                 <Pagination
                 itemsPerPage={instance.state.pageSize}
-                page={instance.currentPage}
+                page={instance.state.pageIndex + 1}
                 onPageChange={(page: number) => {
                     const { gotoPage } = instance;
                     gotoPage(page - 1);
@@ -193,7 +193,7 @@ Below is an example of how to configure it (client-size pagination).
         {({ instance }) => (
           <Pagination
             itemsPerPage={instance.state.pageSize}
-            page={instance.currentPage}
+            page={instance.state.pageIndex + 1}
             onPageChange={(page: number) => {
               const { gotoPage } = instance;
               gotoPage(page - 1);

diff --git a/packages/table/src/Table.stories.tsx b/packages/table/src/Table.stories.tsx
@@ -297,7 +297,7 @@ const WithControlsStory = ({ sortable, selectable, columns, data, headerProps, b
           {({ instance }) => (
             <Pagination
               itemsPerPage={instance.state.pageSize}
-              page={instance.currentPage}
+              page={instance.state.pageIndex + 1}
               onPageChange={(page: number) => {
                 const { gotoPage } = instance;
                 gotoPage(page - 1);