[fix] fix horizontal "over scrolling" and misalignment of header row …

…vs. data cells (#2318) Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>
keplergl · Sep 18, 2023 · 2714c75 · 2714c75
1 parent d28674e
commit 2714c75
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/components/src/common/data-table/index.tsx b/src/components/src/common/data-table/index.tsx
@@ -347,6 +347,7 @@ export const TableSection = ({
           columnWidth,
           width: fixedWidth || width
         };
+        const headerGridWidth = fixedWidth || width - browserScrollBarWidth;
         const dataGridHeight = fixedHeight || height;
 
         return (
@@ -360,6 +361,7 @@ export const TableSection = ({
                 {...headerGridProps}
                 {...gridDimension}
                 height={headerGridProps.height + browserScrollBarWidth}
+                width={headerGridWidth}
                 scrollLeft={scrollLeft}
                 onScroll={onScroll}
               />