add header style

Author: neotob

src/lib/ReactDataTable/ReactDataTable.tsx

@@ -66,7 +66,7 @@ const ReactDataTable = <TData,>(props: ReactDataTableProps<TData>) => {
                     <th
                       key={header.id}
                       onClick={header.column.getToggleSortingHandler()}
-                      style={header.column.getCanSort() ? { cursor: "pointer" } : {}}
+                      style={{ ...header.column.columnDef.meta?.headerStyle, ...(header.column.getCanSort() ? { cursor: "pointer" } : {}) }}
                     >
                       {header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())}
 

src/react-table.d.ts

@@ -22,8 +22,8 @@ export interface EnumValue {
 declare module "@tanstack/table-core" {
   interface ColumnMeta<TData extends RowData, TValue> {
     dropdownFilter?: DropdownColumnFilter;
-    parseValueAs?: "number" | "date";
     cellStyle?: CSSProperties;
+    headerStyle?: CSSProperties;
     customFilter?: <T>(filterValue: T, setFilterValue: (filterValue: T) => void) => JSX.Element;
   }
 }