diff --git a/docs/pages/Demo.tsx b/docs/pages/Demo.tsx
index eab4ae0..397b02d 100644
--- a/docs/pages/Demo.tsx
+++ b/docs/pages/Demo.tsx
@@ -107,6 +107,7 @@ export default function Demo() {
     showEmpty: false,
     iconColor: theme.primaryColor,
     paginationCompactMode: false,
+    autoResetPageIndex: true,
   });
 
   const onPageChange = (e: DataGridPaginationState) => {
@@ -152,6 +153,7 @@ export default function Demo() {
           highlightOnHover={state.highlightOnHover}
           loading={state.loading}
           iconColor={state.iconColor}
+          autoResetPageIndex={state.autoResetPageIndex}
           onPageChange={onPageChange}
           onSort={onSort}
           onFilter={onFilter}
@@ -350,17 +352,28 @@ export default function Demo() {
               })
             }
           />
-          {state.withPagination ? (
-            <Switch
-              label="Compact pagination"
-              checked={state.paginationCompactMode}
-              onChange={(e) =>
-                update({
-                  paginationCompactMode: e.target.checked,
-                })
-              }
-            />
-          ) : null}
+          {state.withPagination && (
+            <>
+              <Switch
+                label="Compact pagination"
+                checked={state.paginationCompactMode}
+                onChange={(e) =>
+                  update({
+                    paginationCompactMode: e.target.checked,
+                  })
+                }
+              />
+              <Switch
+                label="Auto reset page index"
+                checked={state.autoResetPageIndex}
+                onChange={(e) =>
+                  update({
+                    autoResetPageIndex: e.target.checked,
+                  })
+                }
+              />
+            </>
+          )}
           <div>
             <Text weight="bold">Font Size</Text>
             <Slider
diff --git a/docs/pages/Properties.tsx b/docs/pages/Properties.tsx
index a03a173..2c267d2 100644
--- a/docs/pages/Properties.tsx
+++ b/docs/pages/Properties.tsx
@@ -179,6 +179,12 @@ export default function Properties() {
                 type: '"default" | "compact"',
                 description: '"compact" mode will only show pagination step without page size and current page info',
               },
+              {
+                name: 'autoResetPageIndex',
+                type: 'boolean',
+                description:
+                  'If set to false, pagination will NOT be reset to the first page when page-altering state changes eg. data is updated, filters change, grouping changes, etc.',
+              },
             ],
           },
           {
diff --git a/src/DataGrid.tsx b/src/DataGrid.tsx
index 5b41e96..be753ca 100644
--- a/src/DataGrid.tsx
+++ b/src/DataGrid.tsx
@@ -114,7 +114,7 @@ export function DataGrid<TData extends RowData>({
     enableRowSelection: !!withRowSelection,
     columnResizeMode: 'onChange',
     manualPagination: !!total, // when external data, handle pagination manually
-    autoResetPageIndex: !!autoResetPageIndex,
+    autoResetPageIndex: autoResetPageIndex,
 
     getCoreRowModel: getCoreRowModel(),
     getFilteredRowModel: getFilteredRowModel(),
diff --git a/src/types.ts b/src/types.ts
index 346096f..428a113 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -89,7 +89,7 @@ export interface DataGridProps<TData extends RowData>
   paginationMode?: PaginationMode;
 
   /**
-   * If set to true, pagination will be reset to the first page when page-altering state changes eg. data is updated, filters change, grouping changes, etc.
+   * If set to false, pagination will NOT be reset to the first page when page-altering state changes eg. data is updated, filters change, grouping changes, etc.
    */
   autoResetPageIndex?: boolean;