From 4f48b6b580996fe28a77b4453eeeaa5cb01a4877 Mon Sep 17 00:00:00 2001
From: navaneeth <navaneethpk@outlook.com>
Date: Sun, 2 May 2021 19:30:58 +0530
Subject: [PATCH] [Table] Show total pages if client-side paginaiton

---
 .../Editor/Components/Table/Pagination.jsx    | 19 ++++++++++++++-----
 .../src/Editor/Components/Table/Table.jsx     |  3 ++-
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/frontend/src/Editor/Components/Table/Pagination.jsx b/frontend/src/Editor/Components/Table/Pagination.jsx
index ba5b5180f7..445f452620 100644
--- a/frontend/src/Editor/Components/Table/Pagination.jsx
+++ b/frontend/src/Editor/Components/Table/Pagination.jsx
@@ -5,7 +5,8 @@ export const Pagination = function Pagination({
   serverSide,
   autoGotoPage,
   autoCanNextPage,
-  autoPageCount
+  autoPageCount,
+  autoPageOptions
 }) {
   const [pageIndex, setPageIndex] = useState(1);
   const [pageCount, setPageCount] = useState(autoPageCount);
@@ -45,14 +46,22 @@ export const Pagination = function Pagination({
               {'<'}
             </button>{' '}
             <small className="p-1 mx-2">
-              <strong>
-                {pageIndex}
-              </strong>
+              
+              {serverSide && 
+                <strong>
+                  {pageIndex}
+                </strong>
+              }
+              {!serverSide && 
+                <strong>
+                  {pageIndex} of {autoPageOptions.length}
+                </strong>
+              }
             </small>
             <button
                 className="btn btn-light btn-sm"
                 onClick={() => goToNextPage()}
-                disabled={!autoCanNextPage}
+                disabled={!autoCanNextPage && !serverSide}
             >
               {'>'}
             </button>{' '}
diff --git a/frontend/src/Editor/Components/Table/Table.jsx b/frontend/src/Editor/Components/Table/Table.jsx
index 15f5373f64..80f9fe17f3 100644
--- a/frontend/src/Editor/Components/Table/Table.jsx
+++ b/frontend/src/Editor/Components/Table/Table.jsx
@@ -367,7 +367,7 @@ export function Table({
       columns,
       data,
       defaultColumn,
-      initialState: { pageIndex: 0 },
+      initialState: { pageIndex: 0, pageSize: serverSidePagination ? -1 : 10}, // pageSize should be unset if server-side pagination is enabled
 	  pageCount: -1,
 	  manualPagination: false,
       getExportFileBlob
@@ -515,6 +515,7 @@ export function Table({
                 autoGotoPage={gotoPage}
                 autoCanNextPage={canNextPage}
                 autoPageCount={pageCount}
+                autoPageOptions={pageOptions}
                 onPageIndexChanged={onPageIndexChanged}
             />
           </div>