fix(TableHeader): keep header sticky when sticky and resizable

lumada-design · Jan 9, 2024 · 75f5589 · 75f5589
1 parent 9b76b5f
commit 75f5589
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/core/src/Table/TableHeader/TableHeader.tsx b/packages/core/src/Table/TableHeader/TableHeader.tsx
@@ -88,7 +88,7 @@ export const HvTableHeader = forwardRef<HTMLElement, HvTableHeaderProps>(
       children,
       component,
       className,
-      style,
+      style: styleProp,
       classes: classesProp,
       scope: scopeProp,
       align = "inherit",
@@ -136,6 +136,11 @@ export const HvTableHeader = forwardRef<HTMLElement, HvTableHeaderProps>(
         : "rowheader";
     const paragraph = isParagraph(children);
 
+    // Keep the header sticky
+    const style = stickyColumn
+      ? { ...styleProp, position: "sticky" }
+      : styleProp;
+
     return (
       <Component
         ref={externalRef}