[fix] Use auto width for pinned column in table preview (#2259)

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com> Co-authored-by: Xun Li <lixun910@gmail.com>
keplergl · Jun 15, 2023 · a108401 · a108401
1 parent c79e9f9
commit a108401
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/src/common/data-table/index.tsx b/src/components/src/common/data-table/index.tsx
@@ -95,7 +95,11 @@ export const Container = styled.div`
     overflow: hidden;
     border-top: none;
 
-    .scroll-in-ui-thread.pinned-columns--header,
+    .scroll-in-ui-thread.pinned-columns--header {
+      overflow: hidden;
+      border-bottom: 1px solid ${props => props.theme.cellBorderColor};
+      padding-bottom: ${browserScrollBarWidth}px;
+    }
     .scroll-in-ui-thread.unpinned-columns--header {
       width: 100vw;
       overflow: hidden;