pass headerHeight

CHANGELOG.md

@@ -1,5 +1,14 @@
 # CHANGELOG
 
+## 0.6.1
+
+_2024-06-17_
+
+### Bugfix
+
+- `headerHeight` is now passed down appropriately
+- less opinionated header styles
+
 ## 0.6.0
 
 _2024-06-74_

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-fluid-table",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "A React table inspired by react-window",
   "author": "Mckervin Ceme <mckervinc@live.com>",
   "license": "MIT",

src/Header.tsx

@@ -86,7 +86,7 @@ const HeaderCell = React.memo(function <T>({ column, width, prevWidth }: HeaderC
 
 HeaderCell.displayName = "HeaderCell";
 
-const Header = forwardRef(({ children, ...rest }: HeaderProps, ref: any) => {
+const Header = forwardRef(({ children, ...rest }: HeaderProps, ref: React.ForwardedRef<HTMLDivElement>) => {
   // hooks
   const {
     uuid,
@@ -98,7 +98,7 @@ const Header = forwardRef(({ children, ...rest }: HeaderProps, ref: any) => {
   } = useContext(TableContext);
 
   // variables
-  const { scrollWidth, clientWidth } = (ref.current || NO_NODE) as HTMLDivElement;
+  const { scrollWidth, clientWidth } = ((ref as any).current || NO_NODE) as HTMLDivElement;
   const width = scrollWidth <= clientWidth ? "100%" : undefined;
   const stickyStyle: React.CSSProperties = {
     zIndex: columns.find(c => c.frozen) ? 2 : undefined

src/Table.tsx

@@ -397,6 +397,7 @@ const Table = forwardRef(function <T>(
               borders={borders}
               width={width}
               height={height}
+              headerHeight={headerHeight}
               footerComponent={footerComponent}
               {...rest}
             />

src/main.css

@@ -36,8 +36,6 @@
 }
 
 .rft-header-cell-text {
-  font-weight: bold;
-  color: #7d7d7d;
   overflow: hidden;
   text-overflow: ellipsis;
 }