Added paging slice to filtered table (#4349)

edewit · Feb 8, 2023 · 0697c7d · 0697c7d
1 parent abc7306
commit 0697c7d
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/apps/admin-ui/src/components/table-toolbar/KeycloakDataTable.tsx b/apps/admin-ui/src/components/table-toolbar/KeycloakDataTable.tsx
@@ -279,14 +279,16 @@ export function KeycloakDataTable<T>({
     () =>
       search === "" || isPaginated
         ? undefined
-        : convertToColumns(unPaginatedData || []).filter((row) =>
-            row.cells.some(
-              (cell) =>
-                cell &&
-                getNodeText(cell).toLowerCase().includes(search.toLowerCase())
+        : convertToColumns(unPaginatedData || [])
+            .filter((row) =>
+              row.cells.some(
+                (cell) =>
+                  cell &&
+                  getNodeText(cell).toLowerCase().includes(search.toLowerCase())
+              )
             )
-          ),
-    [search]
+            .slice(first, first + max + 1),
+    [search, first, max]
   );
 
   useEffect(() => {