From e9a509902a6cc1d0563af223c7ea6ea501699f9e Mon Sep 17 00:00:00 2001
From: ghiscoding <gbeaulac@gmail.com>
Date: Thu, 23 May 2024 00:10:45 -0400
Subject: [PATCH] fix(demo): out of boundaries page Grid Preset should be unset

---
 src/examples/slickgrid/Example31.tsx | 8 +++++++-
 src/examples/slickgrid/Example5.tsx  | 8 +++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/examples/slickgrid/Example31.tsx b/src/examples/slickgrid/Example31.tsx
index 2d0344de..d79edde3 100644
--- a/src/examples/slickgrid/Example31.tsx
+++ b/src/examples/slickgrid/Example31.tsx
@@ -332,7 +332,7 @@ export default class Example31 extends React.Component<Props, State> {
           }
 
           // Read the result field from the JSON response.
-          const firstRow = skip;
+          let firstRow = skip;
           let filteredData = data;
           if (columnFilters) {
             for (const columnId in columnFilters) {
@@ -366,6 +366,12 @@ export default class Example31 extends React.Component<Props, State> {
             }
             countTotalItems = filteredData.length;
           }
+
+          // make sure page skip is not out of boundaries, if so reset to first page & remove skip from query
+          if (firstRow > filteredData.length) {
+            query = query.replace(`$skip=${firstRow}`, '');
+            firstRow = 0;
+          }
           const updatedData = filteredData.slice(firstRow, firstRow + top!);
 
           setTimeout(() => {
diff --git a/src/examples/slickgrid/Example5.tsx b/src/examples/slickgrid/Example5.tsx
index fad3a71b..66fe5ce2 100644
--- a/src/examples/slickgrid/Example5.tsx
+++ b/src/examples/slickgrid/Example5.tsx
@@ -338,7 +338,7 @@ export default class Example5 extends React.Component<Props, State> {
           }
 
           // Read the result field from the JSON response.
-          const firstRow = skip;
+          let firstRow = skip;
           let filteredData = data;
           if (columnFilters) {
             for (const columnId in columnFilters) {
@@ -375,6 +375,12 @@ export default class Example5 extends React.Component<Props, State> {
             }
             countTotalItems = filteredData.length;
           }
+
+          // make sure page skip is not out of boundaries, if so reset to first page & remove skip from query
+          if (firstRow > filteredData.length) {
+            query = query.replace(`$skip=${firstRow}`, '');
+            firstRow = 0;
+          }
           const updatedData = filteredData.slice(firstRow, firstRow + top!);
 
           setTimeout(() => {