From cf66993434f47525ee5a3adc50ec141ba9fc4a43 Mon Sep 17 00:00:00 2001
From: Mike Fortman <michael.fortman@datastax.com>
Date: Thu, 15 Jan 2026 11:55:54 -0600
Subject: [PATCH] Add pagination

---
 frontend/app/knowledge/page.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/frontend/app/knowledge/page.tsx b/frontend/app/knowledge/page.tsx
index 4a26b38f..85189a85 100644
--- a/frontend/app/knowledge/page.tsx
+++ b/frontend/app/knowledge/page.tsx
@@ -361,6 +361,15 @@ function SearchPage() {
     }
   };
 
+  // enables pagination in the grid
+  const pagination = true;
+
+  // sets 25 rows per page (default is 100)
+  const paginationPageSize = 25;
+
+  // allows the user to select the page size from a predefined list of page sizes
+  const paginationPageSizeSelector = [10, 25, 50, 100];
+
   return (
     <>
       <div className="flex flex-col h-full">
@@ -408,6 +417,9 @@ function SearchPage() {
           getRowId={(params: GetRowIdParams<File>) => params.data?.filename}
           domLayout="normal"
           onSelectionChanged={onSelectionChanged}
+          pagination={pagination}
+          paginationPageSize={paginationPageSize}
+          paginationPageSizeSelector={paginationPageSizeSelector}
           noRowsOverlayComponent={() => (
             <div className="text-center pb-[45px]">
               <div className="text-lg text-primary font-semibold">