fix horizontal scrolling

Signed-off-by: Ihor Dykhta <[email protected]>
keplergl · Sep 18, 2023 · 7adb859 · 7adb859
1 parent 8bb0d46
commit 7adb859
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
@@ -343,6 +343,7 @@ export const TableSection = ({
           columnWidth,
           width: fixedWidth || width
         };
+        const headerGridWidth = fixedWidth || width - browserScrollBarWidth;
         const dataGridHeight = fixedHeight || height;
 
         return (
@@ -356,6 +357,7 @@ export const TableSection = ({
                 {...headerGridProps}
                 {...gridDimension}
                 height={headerGridProps.height + browserScrollBarWidth}
+                width={headerGridWidth}
                 scrollLeft={scrollLeft}
                 onScroll={onScroll}
               />