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({
{'<'}
{' '}
-
- {pageIndex}
-
+
+ {serverSide &&
+
+ {pageIndex}
+
+ }
+ {!serverSide &&
+
+ {pageIndex} of {autoPageOptions.length}
+
+ }
{' '}
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}
/>