fix sectionLength and sectionIndex for middle section skeleton cells

mui · Jul 3, 2024 · c92a3a3 · c92a3a3
1 parent 65da878
commit c92a3a3
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/packages/x-data-grid/src/components/GridSkeletonLoadingOverlay.tsx b/packages/x-data-grid/src/components/GridSkeletonLoadingOverlay.tsx
@@ -112,10 +112,12 @@ const GridSkeletonLoadingOverlay = React.forwardRef<
  const pinnedPosition = getPinnedPosition(column.field);
  const isPinnedLeft = pinnedPosition === GridPinnedColumnPosition.LEFT;
  const isPinnedRight = pinnedPosition === GridPinnedColumnPosition.RIGHT;
- const sectionLength = pinnedPosition ? pinnedColumns[pinnedPosition].length : 0;
+ const sectionLength = pinnedPosition
+ ? pinnedColumns[pinnedPosition].length // pinned section
+ : columns.length - pinnedColumns.left.length - pinnedColumns.right.length; // middle section
  const sectionIndex = pinnedPosition
- ? pinnedColumns[pinnedPosition].findIndex((col) => col.field === column.field)
- : -1;
+ ? pinnedColumns[pinnedPosition].findIndex((col) => col.field === column.field) // pinned section
+ : colIndex - pinnedColumns.left.length; // middle section
  const pinnedStyle =
  pinnedPosition && getPinnedStyle(column.computedWidth, colIndex, pinnedPosition);
  const gridHasFiller = dimensions.columnsTotalWidth < dimensions.viewportOuterSize.width;