From 605ce6c8a476b5e7a8cd73a527d0125aca671465 Mon Sep 17 00:00:00 2001
From: Sebastian Bochan <sebastian.bochan@blacklabel.net>
Date: Wed, 8 Jul 2026 10:24:19 +0200
Subject: [PATCH] Added pagination position.

---
 .../grid-lite/components-react/src/App.tsx    | 13 +++++++
 .../src/utils/getChildProps.ts                | 35 ++++++++++++++++++-
 2 files changed, 47 insertions(+), 1 deletion(-)

diff --git a/examples/grid-lite/components-react/src/App.tsx b/examples/grid-lite/components-react/src/App.tsx
index cdb84e1..f24838d 100644
--- a/examples/grid-lite/components-react/src/App.tsx
+++ b/examples/grid-lite/components-react/src/App.tsx
@@ -77,6 +77,19 @@ function App() {
         // gridRef={grid}
         callback={onGridCallback}
       >
+        {/* <Pagination
+          // enabled={paginationEnabled}
+          page={1}
+          pageSize={3}
+          align="right"
+          // pageInfo
+          // pageSizeSelector
+          pageSizeOptions={[3, 5, 10, 25]}
+          // pageButtons
+          pageButtonsCount={5}
+          // firstLast
+          // previousNext
+        /> */}
         <Data
           // dataTable={dataTable}
           columns={dataSource}
diff --git a/packages/grid-shared-react/src/utils/getChildProps.ts b/packages/grid-shared-react/src/utils/getChildProps.ts
index 4564d86..ea9712e 100644
--- a/packages/grid-shared-react/src/utils/getChildProps.ts
+++ b/packages/grid-shared-react/src/utils/getChildProps.ts
@@ -142,6 +142,7 @@ export function getChildProps(children: ReactNode): Record<string, unknown> {
     const resolvedChildren = flattenChildren(children)
         .map((child) => resolveOptionChild(child))
         .filter((child): child is ReactElement => child !== null);
+    const firstNonPaginationIndex = getFirstNonPaginationIndex(resolvedChildren);
 
     function handleChildren(
         childNodes: ReactNode,
@@ -205,7 +206,13 @@ export function getChildProps(children: ReactNode): Record<string, unknown> {
         }
 
         if (meta.gridOption === 'pagination') {
-            optionsFromChildren.pagination = normalizePaginationOptions(props);
+            const pagination = normalizePaginationOptions(props);
+            pagination.position = isTopPaginationChild(
+                child,
+                resolvedChildren,
+                firstNonPaginationIndex
+            ) ? 'top' : 'bottom';
+            optionsFromChildren.pagination = pagination;
             return;
         }
 
@@ -275,6 +282,32 @@ function applyDeclarativeColumnDefaults(
     }
 }
 
+function getFirstNonPaginationIndex(children: ReactElement[]): number {
+    return children.findIndex((child) => {
+        const component = getOptionComponent(child.type);
+
+        return component?._GridReact.gridOption !== 'pagination';
+    });
+}
+
+function isTopPaginationChild(
+    child: ReactElement,
+    children: ReactElement[],
+    firstNonPaginationIndex: number
+): boolean {
+    const childIndex = children.indexOf(child);
+
+    if (childIndex === -1) {
+        return false;
+    }
+
+    if (firstNonPaginationIndex === -1) {
+        return true;
+    }
+
+    return childIndex < firstNonPaginationIndex;
+}
+
 function isOptionElement(child: ReactElement): boolean {
     return getOptionComponent(child.type) !== null;
 }