Loading overlay for the initial load only

mui · Aug 6, 2024 · f747d05 · f747d05
1 parent f29dbd7
commit f747d05
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/x-data-grid-pro/src/hooks/features/dataSource/useGridDataSource.ts b/packages/x-data-grid-pro/src/hooks/features/dataSource/useGridDataSource.ts
@@ -112,8 +112,10 @@ export const useGridDataSource = (
         return;
       }
 
+      // with lazy loading, only the initial load should show the loading overlay
+      const useLoadingIndicator = !isLazyLoaded || apiRef.current.getRowsCount() === 0;
       const isLoading = gridRowsLoadingSelector(apiRef);
-      if (!isLoading) {
+      if (!isLoading && useLoadingIndicator) {
         apiRef.current.setLoading(true);
       }
 
@@ -147,7 +149,7 @@ export const useGridDataSource = (
 
   const fetchRowBatch = React.useCallback(
     (fetchParams: GridGetRowsParams) => {
-      if (isLazyLoaded && fetchParams.start && fetchParams.end) {
+      if (isLazyLoaded) {
         rowFetchSlice.current = { start: Number(fetchParams.start), end: fetchParams.end };
       }
       return fetchRows();