Pagination fix (#3344)

Fix dashboard pagination structure
distributed-system-analysis · Mar 21, 2023 · 1dc3a3e · 1dc3a3e
1 parent 1f5cd39
commit 1dc3a3e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 11 deletions.
diff --git a/dashboard/src/modules/components/LoadingComponent/index.less b/dashboard/src/modules/components/LoadingComponent/index.less
@@ -1,5 +1,6 @@
 .main-page-container {
     position: relative;
+    height: 100%;
     .spinner-container {
         width: 15%;
         height: 15%;

diff --git a/dashboard/src/modules/components/TableComponent/index.jsx b/dashboard/src/modules/components/TableComponent/index.jsx
@@ -235,21 +235,21 @@ const TableWithFavorite = () => {
                   )}
                 </Tbody>
               </TableComposable>
+              <TablePagination
+                numberOfRows={
+                  isSelected === "datasetListButton"
+                    ? tableData.length
+                    : favoriteRepoNames.length
+                }
+                page={page}
+                setPage={setPage}
+                perPage={perPage}
+                setPerPage={setPerPage}
+              />
             </InnerScrollContainer>
           </OuterScrollContainer>
         </div>
       </div>
-      <TablePagination
-        numberOfRows={
-          isSelected === "datasetListButton"
-            ? tableData.length
-            : favoriteRepoNames.length
-        }
-        page={page}
-        setPage={setPage}
-        perPage={perPage}
-        setPerPage={setPerPage}
-      />
     </>
   );
 };