feat: added support for custom th className via meta.thClassName

examples/erp/genseki/collections/posts.client.tsx

@@ -109,6 +109,9 @@ export const columns = [
   columnHelper.accessor('author.name', {
     header: 'Author Name',
     cell: (info) => info.getValue(),
+    meta: {
+      thClassName: 'bg-orange-700',
+    },
   }),
   columnHelper.accessor('author.email', {
     header: 'Author Email',

packages/react/src/index.ts

@@ -1,3 +1,4 @@
 export * from './auth'
 export * from './core'
 export * from './react'
+export type * from './types/tanstack.d.ts'

packages/react/src/react/components/primitives/tanstack-table.tsx

@@ -98,7 +98,8 @@ export function TanstackTable<T>({
                   className={clsx(
                     'focus-visible:ring-focus ring-inset',
                     header.colSpan > 1 && 'border-bluegray-300 border-b',
-                    classNames?.tableHead
+                    classNames?.tableHead,
+                    header.column.columnDef.meta?.thClassName
                   )}
                   onClick={
                     canSort && children ? header.column.getToggleSortingHandler() : undefined

packages/react/src/types/tanstack.d.ts

@@ -0,0 +1,8 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import '@tanstack/react-table'
+
+declare module '@tanstack/react-table' {
+  interface ColumnMeta<TData, TValue> {
+    thClassName?: string
+  }
+}