Pagination

Author: jeevasusej

stories/LoadingStates.stories.tsx

@@ -61,6 +61,7 @@ export const PaginationLoading: Story = {
     className: "w-full max-w-4xl",
     enablePagination: true,
     isPaginationLoading: true,
+    totalRowCount: mediumDataSet.length,
   },
 };
 
@@ -159,6 +160,7 @@ export const LoadingStateTransitions: Story = {
           isLoading={isLoading}
           isPaginationLoading={isPaginationLoading}
           pageIndex={currentPage}
+          totalRowCount={mediumDataSet.length}
           onPaginationChange={(updater) => {
             const newState =
               typeof updater === "function"
@@ -221,7 +223,11 @@ export const TableWithLoadingStatesWrapper: Story = {
           isInitialLoading={isLoading}
           isPaginationLoading={isPaginationLoading}
         >
-          <TableAdapter {...args} data={isLoading ? [] : mediumDataSet} />
+          <TableAdapter
+            {...args}
+            data={isLoading ? [] : mediumDataSet}
+            totalRowCount={mediumDataSet.length}
+          />
         </TableWithLoadingStates>
       </div>
     );

stories/TableAdapter.stories.tsx

@@ -97,6 +97,7 @@ export const WithPagination: Story = {
     data: mediumDataSet,
     enablePagination: true,
     pageSize: 10,
+    totalRowCount: mediumDataSet.length,
   },
 };
 
@@ -272,5 +273,6 @@ export const CompleteExample: Story = {
     enableGlobalFilter: true,
     enableRowSelection: true,
     pageSize: 15,
+    totalRowCount: largeDataSet.length,
   },
 };