Ability to get header min size

[faribauc]

This is my current implementation of shadcn/ui <Table> component with TanStack table:

<Table className={cn(`min-w-[100%] w-[${table.getTotalSize()}]`)}>
  {!hideHeader && (
    <TableHeader className={cn('bg-gray-50')}>
      {table.getHeaderGroups().map((headerGroup) => (
        <TableRow
          key={headerGroup.id}
          className={getHeaderRowClass && getHeaderRowClass(headerGroup)}
        >
          {headerGroup.headers.map((header) => {
            return (
              <TableHead
                key={header.id}
                style={{
                  width: header.getSize()
                }}
                className={cn(
                  'relative font-normal text-gray-700',
                  getHeaderRowColumnClass && getHeaderRowColumnClass(header)
                )}
              >
                {header.isPlaceholder
                  ? null
                  : flexRender(header.column.columnDef.header, header.getContext())}
                <div
                  {...{
                    onDoubleClick: () => header.column.resetSize(),
                    onMouseDown: header.getResizeHandler(),
                    onTouchStart: header.getResizeHandler(),
                    className: `resizer ${table.options.columnResizeDirection} ${
                      header.column.getIsResizing() ? 'isResizing' : ''
                    }`
                  }}
                />
              </TableHead>
            )
          })}
        </TableRow>
      ))}
    </TableHeader>
  )}
  <TableBody>
    {table.getRowModel().rows?.length ? (
      table.getRowModel().rows.map((row) => (
        <TableRow
          key={row.id}
          data-state={row.getIsSelected() && 'selected'}
          onClick={(event) => handleRowClick<TData>(event, table, row, onRowClickFn)}
          className={getRowClass && getRowClass(row)}
        >
          {row.getVisibleCells().map((cell) => (
            <TableCell
              key={cell.id}
              className={getRowColumnClass && getRowColumnClass(row, cell)}
            >
              {flexRender(cell.column.columnDef.cell, cell.getContext())}
            </TableCell>
          ))}
        </TableRow>
      ))
    ) : (
      <TableRow>
        <TableCell colSpan={table.getAllColumns().length} className="h-24 text-center">
          No results.
        </TableCell>
      </TableRow>
    )}
  </TableBody>
</Table>

This works as expected, except for one detail. There is no way to set the min width of a header separate from its size. What would be nice is to have access to a getMinWidth function on the header object to do just that:

<TableHead
  key={header.id}
  style={{
    width: header.getSize(),
    minWidth: header.getMinSize(),
  }}
  [...]
  />
</TableHead>

This would allow setting the size property on a column while using the default minSize of 20, or allow for only setting the minSize and keep the default size of 150. It would also allow some colums to have a size and others to only have a m̀inSize`.