[DataGrid] Fix double border under header (#12349)

Signed-off-by: Joseph Spear <[email protected]> Co-authored-by: Rom Grk <[email protected]>
mui · Mar 6, 2024 · 2119870 · 2119870
1 parent 6733cf7
commit 2119870
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/packages/x-data-grid/src/components/virtualization/GridVirtualScroller.tsx b/packages/x-data-grid/src/components/virtualization/GridVirtualScroller.tsx
@@ -70,8 +70,11 @@ function GridVirtualScroller(props: GridVirtualScrollerProps) {
     getRenderZoneProps,
     getScrollbarVerticalProps,
     getScrollbarHorizontalProps,
+    getRows,
   } = virtualScroller;
 
+  const rows = getRows();
+
   return (
     <Container className={classes.root} {...getContainerProps()}>
       <Scroller className={classes.scroller} {...getScrollerProps()} ownerState={rootProps}>
@@ -84,12 +87,12 @@ function GridVirtualScroller(props: GridVirtualScrollerProps) {
 
         <Content {...getContentProps()}>
           <RenderZone {...getRenderZoneProps()}>
-            {virtualScroller.getRows()}
+            {rows}
             {<rootProps.slots.detailPanels virtualScroller={virtualScroller} />}
           </RenderZone>
         </Content>
 
-        <SpaceFiller />
+        {rows.length > 0 && <SpaceFiller />}
 
         <BottomContainer>
           <rootProps.slots.pinnedRows position="bottom" virtualScroller={virtualScroller} />