react-glide-table 2.2.0 → 2.2.1

package/README.md

@@ -259,6 +259,18 @@ import type { RowsPastePayload } from "react-glide-table/compound";
 Related props: `onRowsPaste`, `enableInsertPaste`, `enableSubtreeCopy`, `onCopyActionsReady`.  
 Helpers (`/core`): `buildRowsPastePayload`, `parseClipboardTSV`, `parseClipboardTSVWithDepths`, `serializeSelectionToTSV`, …
 
+## Column width
+
+`Column.width` sets the default size. `minWidth` / `maxWidth` are CSS constraints on header and body cells — they do not clamp drag-resize.
+
+```tsx
+<ProductTable.Column field="note" minWidth={80} maxWidth={240}>
+  Note
+</ProductTable.Column>
+```
+
+With `ColumnDef` (non-compound), put the same values on `meta.minWidth` / `meta.maxWidth`.
+
 ## Column resize
 
 Opt in with `enableColumnResize`. Drag the handle on the right edge of a header cell; double-click resets to the column’s default `width` / `size`.
@@ -272,7 +284,12 @@ Opt in with `enableColumnResize`. Drag the handle on the right edge of a header
   // onColumnSizingChange={setSizing}
 >
   <ProductTable.Header>
-    <ProductTable.Column field="name" width={200} minWidth={80} maxWidth={480}>
+    <ProductTable.Column
+      field="name"
+      width={200}
+      minResizeWidth={80}
+      maxResizeWidth={480}
+    >
       Name
     </ProductTable.Column>
     <ProductTable.Column field="sku" resizable={false}>
@@ -282,14 +299,15 @@ Opt in with `enableColumnResize`. Drag the handle on the right edge of a header
 </ProductTable>
 ```
 
-| Prop                                     | Role                                         |
-| ---------------------------------------- | -------------------------------------------- |
-| `enableColumnResize`                     | Turn on header drag resize (default `false`) |
-| `columnSizing` / `onColumnSizingChange`  | Controlled width map `{ [columnId]: px }`    |
-| `columnResizeMode`                       | `"onChange"` (live) or `"onEnd"`             |
-| `Column.width` / `minWidth` / `maxWidth` | Default / clamp sizes                        |
-| `Column.resizable={false}`               | Disable resize for one column                |
-| `classNames.resizeHandle`                | Style hook for the drag handle               |
+| Prop                                       | Role                                         |
+| ------------------------------------------ | -------------------------------------------- |
+| `enableColumnResize`                       | Turn on header drag resize (default `false`) |
+| `columnSizing` / `onColumnSizingChange`    | Controlled width map `{ [columnId]: px }`    |
+| `columnResizeMode`                         | `"onChange"` (live) or `"onEnd"`             |
+| `Column.width`                             | Default column size                          |
+| `Column.minResizeWidth` / `maxResizeWidth` | Drag-resize clamp sizes                      |
+| `Column.resizable={false}`                 | Disable resize for one column                |
+| `classNames.resizeHandle`                  | Style hook for the drag handle               |
 
 ## Column reorder
 

package/dist/compound.cjs

@@ -531,15 +531,29 @@ function flattenHeaderLeaves(column) {
 
 // src/components/ui/table/features/column-resize/columnResize.ts
 function getColumnSizeStyle(size, options) {
-  const { force = false, lockMax = false } = options ?? {};
-  if (!force && size === DATA_TABLE_COLUMN_SIZE) {
+  const { force = false, lockMax = false, minWidth, maxWidth } = options ?? {};
+  if (lockMax) {
+    return {
+      width: size,
+      minWidth: size,
+      maxWidth: size
+    };
+  }
+  const hasExplicitSize = force || size !== DATA_TABLE_COLUMN_SIZE;
+  if (!hasExplicitSize && minWidth == null && maxWidth == null) {
     return void 0;
   }
-  return {
-    width: size,
-    minWidth: size,
-    ...lockMax ? { maxWidth: size } : {}
-  };
+  const style = {};
+  if (hasExplicitSize) {
+    style.width = size;
+    style.minWidth = minWidth ?? size;
+  } else if (minWidth != null) {
+    style.minWidth = minWidth;
+  }
+  if (maxWidth != null) {
+    style.maxWidth = maxWidth;
+  }
+  return style;
 }
 
 // src/components/ui/table/features/inline-search/inlineSearch.ts
@@ -1407,7 +1421,9 @@ function DataTableRow({
         const hasSelectionEdges = hasCellSelectionEdges(selectionEdgeStyle);
         const sizeStyle = getColumnSizeStyle(cell.column.getSize(), {
           force: enableColumnResize,
-          lockMax: enableColumnResize
+          lockMax: enableColumnResize,
+          minWidth: meta?.minWidth,
+          maxWidth: meta?.maxWidth
         });
         const freezeOffset = enableColumnFreeze ? freezeOffsets.get(columnId) : void 0;
         const freezeStyle = getColumnFreezeStyle(freezeOffset);
@@ -4230,7 +4246,9 @@ function DataTable({
                     const canResize = enableColumnResize && header.column.getCanResize();
                     const sizeStyle = getColumnSizeStyle(header.getSize(), {
                       force: enableColumnResize,
-                      lockMax: enableColumnResize
+                      lockMax: enableColumnResize,
+                      minWidth: header.column.columnDef.meta?.minWidth,
+                      maxWidth: header.column.columnDef.meta?.maxWidth
                     });
                     const freezeOffset = enableColumnFreeze ? resolveHeaderFreezeOffset(header.column, freezeOffsets) : void 0;
                     const freezeStyle = getColumnFreezeStyle(freezeOffset, {
@@ -4470,6 +4488,8 @@ function buildColumnDef(props, sort, onSort) {
     width,
     minWidth,
     maxWidth,
+    minResizeWidth,
+    maxResizeWidth,
     resizable,
     reorderable,
     frozen,
@@ -4490,8 +4510,8 @@ function buildColumnDef(props, sort, onSort) {
     id: field,
     ...!virtual ? { accessorKey: field } : {},
     size: width ?? DATA_TABLE_COLUMN_SIZE,
-    ...minWidth != null ? { minSize: minWidth } : {},
-    ...maxWidth != null ? { maxSize: maxWidth } : {},
+    ...minResizeWidth != null ? { minSize: minResizeWidth } : {},
+    ...maxResizeWidth != null ? { maxSize: maxResizeWidth } : {},
     ...resizable === false ? { enableResizing: false } : {},
     header: sortable ? () => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       SortableHeader,
@@ -4520,6 +4540,8 @@ function buildColumnDef(props, sort, onSort) {
       cellRender: render,
       frozen,
       reorderable,
+      minWidth,
+      maxWidth,
       className,
       headerClassName
     }

package/dist/compound.d.cts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode, ReactElement } from 'react';
-import { l as DataTableProps, r as TableColumnProps, T as TableColumnGroupProps, s as TableProps } from './types-Iot4g4sq.cjs';
-export { B as BuiltinCellKind, C as CellKind, a as CellRenderContext, b as CellRenderFn, c as CellRenderer, f as ColumnFreezeMeta, h as ColumnFreezeSide, i as DataTableClassNames, k as DataTableLabels, m as DataTableScrollSlotProps, n as DataTableSlots, P as PasteMode, R as RowSelectionMode, o as RowsPastePayload, p as SearchResultItem } from './types-Iot4g4sq.cjs';
+import { l as DataTableProps, r as TableColumnProps, T as TableColumnGroupProps, s as TableProps } from './types-CnsQ8GZb.cjs';
+export { B as BuiltinCellKind, C as CellKind, a as CellRenderContext, b as CellRenderFn, c as CellRenderer, f as ColumnFreezeMeta, h as ColumnFreezeSide, i as DataTableClassNames, k as DataTableLabels, m as DataTableScrollSlotProps, n as DataTableSlots, P as PasteMode, R as RowSelectionMode, o as RowsPastePayload, p as SearchResultItem } from './types-CnsQ8GZb.cjs';
 export { ColumnDef, ColumnOrderState, ColumnResizeMode, ColumnSizingState, RowSelectionState } from '@tanstack/react-table';
 
 /**

package/dist/compound.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode, ReactElement } from 'react';
-import { l as DataTableProps, r as TableColumnProps, T as TableColumnGroupProps, s as TableProps } from './types-Iot4g4sq.js';
-export { B as BuiltinCellKind, C as CellKind, a as CellRenderContext, b as CellRenderFn, c as CellRenderer, f as ColumnFreezeMeta, h as ColumnFreezeSide, i as DataTableClassNames, k as DataTableLabels, m as DataTableScrollSlotProps, n as DataTableSlots, P as PasteMode, R as RowSelectionMode, o as RowsPastePayload, p as SearchResultItem } from './types-Iot4g4sq.js';
+import { l as DataTableProps, r as TableColumnProps, T as TableColumnGroupProps, s as TableProps } from './types-CnsQ8GZb.js';
+export { B as BuiltinCellKind, C as CellKind, a as CellRenderContext, b as CellRenderFn, c as CellRenderer, f as ColumnFreezeMeta, h as ColumnFreezeSide, i as DataTableClassNames, k as DataTableLabels, m as DataTableScrollSlotProps, n as DataTableSlots, P as PasteMode, R as RowSelectionMode, o as RowsPastePayload, p as SearchResultItem } from './types-CnsQ8GZb.js';
 export { ColumnDef, ColumnOrderState, ColumnResizeMode, ColumnSizingState, RowSelectionState } from '@tanstack/react-table';
 
 /**

package/dist/compound.js

@@ -503,15 +503,29 @@ function flattenHeaderLeaves(column) {
 
 // src/components/ui/table/features/column-resize/columnResize.ts
 function getColumnSizeStyle(size, options) {
-  const { force = false, lockMax = false } = options ?? {};
-  if (!force && size === DATA_TABLE_COLUMN_SIZE) {
+  const { force = false, lockMax = false, minWidth, maxWidth } = options ?? {};
+  if (lockMax) {
+    return {
+      width: size,
+      minWidth: size,
+      maxWidth: size
+    };
+  }
+  const hasExplicitSize = force || size !== DATA_TABLE_COLUMN_SIZE;
+  if (!hasExplicitSize && minWidth == null && maxWidth == null) {
     return void 0;
   }
-  return {
-    width: size,
-    minWidth: size,
-    ...lockMax ? { maxWidth: size } : {}
-  };
+  const style = {};
+  if (hasExplicitSize) {
+    style.width = size;
+    style.minWidth = minWidth ?? size;
+  } else if (minWidth != null) {
+    style.minWidth = minWidth;
+  }
+  if (maxWidth != null) {
+    style.maxWidth = maxWidth;
+  }
+  return style;
 }
 
 // src/components/ui/table/features/inline-search/inlineSearch.ts
@@ -1379,7 +1393,9 @@ function DataTableRow({
         const hasSelectionEdges = hasCellSelectionEdges(selectionEdgeStyle);
         const sizeStyle = getColumnSizeStyle(cell.column.getSize(), {
           force: enableColumnResize,
-          lockMax: enableColumnResize
+          lockMax: enableColumnResize,
+          minWidth: meta?.minWidth,
+          maxWidth: meta?.maxWidth
         });
         const freezeOffset = enableColumnFreeze ? freezeOffsets.get(columnId) : void 0;
         const freezeStyle = getColumnFreezeStyle(freezeOffset);
@@ -4225,7 +4241,9 @@ function DataTable({
                     const canResize = enableColumnResize && header.column.getCanResize();
                     const sizeStyle = getColumnSizeStyle(header.getSize(), {
                       force: enableColumnResize,
-                      lockMax: enableColumnResize
+                      lockMax: enableColumnResize,
+                      minWidth: header.column.columnDef.meta?.minWidth,
+                      maxWidth: header.column.columnDef.meta?.maxWidth
                     });
                     const freezeOffset = enableColumnFreeze ? resolveHeaderFreezeOffset(header.column, freezeOffsets) : void 0;
                     const freezeStyle = getColumnFreezeStyle(freezeOffset, {
@@ -4465,6 +4483,8 @@ function buildColumnDef(props, sort, onSort) {
     width,
     minWidth,
     maxWidth,
+    minResizeWidth,
+    maxResizeWidth,
     resizable,
     reorderable,
     frozen,
@@ -4485,8 +4505,8 @@ function buildColumnDef(props, sort, onSort) {
     id: field,
     ...!virtual ? { accessorKey: field } : {},
     size: width ?? DATA_TABLE_COLUMN_SIZE,
-    ...minWidth != null ? { minSize: minWidth } : {},
-    ...maxWidth != null ? { maxSize: maxWidth } : {},
+    ...minResizeWidth != null ? { minSize: minResizeWidth } : {},
+    ...maxResizeWidth != null ? { maxSize: maxResizeWidth } : {},
     ...resizable === false ? { enableResizing: false } : {},
     header: sortable ? () => /* @__PURE__ */ jsx8(
       SortableHeader,
@@ -4515,6 +4535,8 @@ function buildColumnDef(props, sort, onSort) {
       cellRender: render,
       frozen,
       reorderable,
+      minWidth,
+      maxWidth,
       className,
       headerClassName
     }

package/dist/core.cjs

@@ -3122,15 +3122,29 @@ function ResolvedTableCell({
 
 // src/components/ui/table/features/column-resize/columnResize.ts
 function getColumnSizeStyle(size, options) {
-  const { force = false, lockMax = false } = options ?? {};
-  if (!force && size === DATA_TABLE_COLUMN_SIZE) {
+  const { force = false, lockMax = false, minWidth, maxWidth } = options ?? {};
+  if (lockMax) {
+    return {
+      width: size,
+      minWidth: size,
+      maxWidth: size
+    };
+  }
+  const hasExplicitSize = force || size !== DATA_TABLE_COLUMN_SIZE;
+  if (!hasExplicitSize && minWidth == null && maxWidth == null) {
     return void 0;
   }
-  return {
-    width: size,
-    minWidth: size,
-    ...lockMax ? { maxWidth: size } : {}
-  };
+  const style = {};
+  if (hasExplicitSize) {
+    style.width = size;
+    style.minWidth = minWidth ?? size;
+  } else if (minWidth != null) {
+    style.minWidth = minWidth;
+  }
+  if (maxWidth != null) {
+    style.maxWidth = maxWidth;
+  }
+  return style;
 }
 
 // src/components/ui/table/features/column-reorder/useColumnReorder.ts

package/dist/core.d.cts

@@ -1,5 +1,5 @@
-import { W as CellEditType, c as CellRenderer, C as CellKind, a as CellRenderContext, i as DataTableClassNames, R as RowSelectionMode, g as ColumnFreezeOffset, p as SearchResultItem, q as SearchStatus, l as DataTableProps, k as DataTableLabels, j as DataTableCopyActions, P as PasteMode, o as RowsPastePayload } from './types-Iot4g4sq.cjs';
-export { B as BuiltinCellKind, b as CellRenderFn, d as ColumnFreezeColumnInput, e as ColumnFreezeEdgeSide, f as ColumnFreezeMeta, h as ColumnFreezeSide, D as DEFAULT_DATA_TABLE_LABELS, I as INLINE_SEARCH_MAX_RESULTS, S as SearchCorpusRow, t as buildColumnFreezeOffsets, u as buildFlatSearchCorpus, v as buildSearchMatchKey, w as buildSearchMatchKeys, x as buildTreeSearchCorpus, y as cellValueToSearchText, z as collectAncestorKeysToExpand, A as collectSearchMatchesInRange, E as createSearchRegex, F as escapeSearchRegex, G as formatSearchResultLabel, H as getColumnFreezeEdgeAttr, J as getColumnFreezeStyle, K as mapSearchResultToVisibleItem, L as mapSearchResultsToVisibleKeys, M as nextSearchIndex, N as nextSearchStride, O as previousSearchIndex, Q as resolveColumnFreezeSide, U as resolveDataTableLabels, V as resolveHeaderFreezeOffset } from './types-Iot4g4sq.cjs';
+import { W as CellEditType, c as CellRenderer, C as CellKind, a as CellRenderContext, i as DataTableClassNames, R as RowSelectionMode, g as ColumnFreezeOffset, p as SearchResultItem, q as SearchStatus, l as DataTableProps, k as DataTableLabels, j as DataTableCopyActions, P as PasteMode, o as RowsPastePayload } from './types-CnsQ8GZb.cjs';
+export { B as BuiltinCellKind, b as CellRenderFn, d as ColumnFreezeColumnInput, e as ColumnFreezeEdgeSide, f as ColumnFreezeMeta, h as ColumnFreezeSide, D as DEFAULT_DATA_TABLE_LABELS, I as INLINE_SEARCH_MAX_RESULTS, S as SearchCorpusRow, t as buildColumnFreezeOffsets, u as buildFlatSearchCorpus, v as buildSearchMatchKey, w as buildSearchMatchKeys, x as buildTreeSearchCorpus, y as cellValueToSearchText, z as collectAncestorKeysToExpand, A as collectSearchMatchesInRange, E as createSearchRegex, F as escapeSearchRegex, G as formatSearchResultLabel, H as getColumnFreezeEdgeAttr, J as getColumnFreezeStyle, K as mapSearchResultToVisibleItem, L as mapSearchResultsToVisibleKeys, M as nextSearchIndex, N as nextSearchStride, O as previousSearchIndex, Q as resolveColumnFreezeSide, U as resolveDataTableLabels, V as resolveHeaderFreezeOffset } from './types-CnsQ8GZb.cjs';
 import { Row, ColumnDef, CellContext, Table, Cell, ColumnOrderState, Updater, RowSelectionState } from '@tanstack/react-table';
 export { ColumnDef, ColumnOrderState, ColumnResizeMode, ColumnSizingState, RowSelectionState } from '@tanstack/react-table';
 import { Virtualizer, VirtualItem } from '@tanstack/react-virtual';
@@ -340,11 +340,16 @@ declare function ResolvedTableCell<T extends Record<string, unknown>>({ info, }:
     info: CellContext<T, unknown>;
 }): react.ReactNode;
 
-/** Width styles for header/body cells when column sizing is active. */
-declare function getColumnSizeStyle(size: number, options?: {
+type ColumnSizeStyleOptions = {
     force?: boolean;
     lockMax?: boolean;
-}): CSSProperties | undefined;
+    /** CSS min-width for the cell. Ignored when `lockMax` is on. */
+    minWidth?: number;
+    /** CSS max-width for the cell. Ignored when `lockMax` is on. */
+    maxWidth?: number;
+};
+/** Width styles for header/body cells when column sizing is active. */
+declare function getColumnSizeStyle(size: number, options?: ColumnSizeStyleOptions): CSSProperties | undefined;
 
 type ColumnDropEdge = "before" | "after";
 declare function collectLeafColumnIds<T>(columns: readonly ColumnDef<T, unknown>[]): string[];

package/dist/core.d.ts

@@ -1,5 +1,5 @@
-import { W as CellEditType, c as CellRenderer, C as CellKind, a as CellRenderContext, i as DataTableClassNames, R as RowSelectionMode, g as ColumnFreezeOffset, p as SearchResultItem, q as SearchStatus, l as DataTableProps, k as DataTableLabels, j as DataTableCopyActions, P as PasteMode, o as RowsPastePayload } from './types-Iot4g4sq.js';
-export { B as BuiltinCellKind, b as CellRenderFn, d as ColumnFreezeColumnInput, e as ColumnFreezeEdgeSide, f as ColumnFreezeMeta, h as ColumnFreezeSide, D as DEFAULT_DATA_TABLE_LABELS, I as INLINE_SEARCH_MAX_RESULTS, S as SearchCorpusRow, t as buildColumnFreezeOffsets, u as buildFlatSearchCorpus, v as buildSearchMatchKey, w as buildSearchMatchKeys, x as buildTreeSearchCorpus, y as cellValueToSearchText, z as collectAncestorKeysToExpand, A as collectSearchMatchesInRange, E as createSearchRegex, F as escapeSearchRegex, G as formatSearchResultLabel, H as getColumnFreezeEdgeAttr, J as getColumnFreezeStyle, K as mapSearchResultToVisibleItem, L as mapSearchResultsToVisibleKeys, M as nextSearchIndex, N as nextSearchStride, O as previousSearchIndex, Q as resolveColumnFreezeSide, U as resolveDataTableLabels, V as resolveHeaderFreezeOffset } from './types-Iot4g4sq.js';
+import { W as CellEditType, c as CellRenderer, C as CellKind, a as CellRenderContext, i as DataTableClassNames, R as RowSelectionMode, g as ColumnFreezeOffset, p as SearchResultItem, q as SearchStatus, l as DataTableProps, k as DataTableLabels, j as DataTableCopyActions, P as PasteMode, o as RowsPastePayload } from './types-CnsQ8GZb.js';
+export { B as BuiltinCellKind, b as CellRenderFn, d as ColumnFreezeColumnInput, e as ColumnFreezeEdgeSide, f as ColumnFreezeMeta, h as ColumnFreezeSide, D as DEFAULT_DATA_TABLE_LABELS, I as INLINE_SEARCH_MAX_RESULTS, S as SearchCorpusRow, t as buildColumnFreezeOffsets, u as buildFlatSearchCorpus, v as buildSearchMatchKey, w as buildSearchMatchKeys, x as buildTreeSearchCorpus, y as cellValueToSearchText, z as collectAncestorKeysToExpand, A as collectSearchMatchesInRange, E as createSearchRegex, F as escapeSearchRegex, G as formatSearchResultLabel, H as getColumnFreezeEdgeAttr, J as getColumnFreezeStyle, K as mapSearchResultToVisibleItem, L as mapSearchResultsToVisibleKeys, M as nextSearchIndex, N as nextSearchStride, O as previousSearchIndex, Q as resolveColumnFreezeSide, U as resolveDataTableLabels, V as resolveHeaderFreezeOffset } from './types-CnsQ8GZb.js';
 import { Row, ColumnDef, CellContext, Table, Cell, ColumnOrderState, Updater, RowSelectionState } from '@tanstack/react-table';
 export { ColumnDef, ColumnOrderState, ColumnResizeMode, ColumnSizingState, RowSelectionState } from '@tanstack/react-table';
 import { Virtualizer, VirtualItem } from '@tanstack/react-virtual';
@@ -340,11 +340,16 @@ declare function ResolvedTableCell<T extends Record<string, unknown>>({ info, }:
     info: CellContext<T, unknown>;
 }): react.ReactNode;
 
-/** Width styles for header/body cells when column sizing is active. */
-declare function getColumnSizeStyle(size: number, options?: {
+type ColumnSizeStyleOptions = {
     force?: boolean;
     lockMax?: boolean;
-}): CSSProperties | undefined;
+    /** CSS min-width for the cell. Ignored when `lockMax` is on. */
+    minWidth?: number;
+    /** CSS max-width for the cell. Ignored when `lockMax` is on. */
+    maxWidth?: number;
+};
+/** Width styles for header/body cells when column sizing is active. */
+declare function getColumnSizeStyle(size: number, options?: ColumnSizeStyleOptions): CSSProperties | undefined;
 
 type ColumnDropEdge = "before" | "after";
 declare function collectLeafColumnIds<T>(columns: readonly ColumnDef<T, unknown>[]): string[];

package/dist/core.js

@@ -3036,15 +3036,29 @@ function ResolvedTableCell({
 
 // src/components/ui/table/features/column-resize/columnResize.ts
 function getColumnSizeStyle(size, options) {
-  const { force = false, lockMax = false } = options ?? {};
-  if (!force && size === DATA_TABLE_COLUMN_SIZE) {
+  const { force = false, lockMax = false, minWidth, maxWidth } = options ?? {};
+  if (lockMax) {
+    return {
+      width: size,
+      minWidth: size,
+      maxWidth: size
+    };
+  }
+  const hasExplicitSize = force || size !== DATA_TABLE_COLUMN_SIZE;
+  if (!hasExplicitSize && minWidth == null && maxWidth == null) {
     return void 0;
   }
-  return {
-    width: size,
-    minWidth: size,
-    ...lockMax ? { maxWidth: size } : {}
-  };
+  const style = {};
+  if (hasExplicitSize) {
+    style.width = size;
+    style.minWidth = minWidth ?? size;
+  } else if (minWidth != null) {
+    style.minWidth = minWidth;
+  }
+  if (maxWidth != null) {
+    style.maxWidth = maxWidth;
+  }
+  return style;
 }
 
 // src/components/ui/table/features/column-reorder/useColumnReorder.ts

package/dist/index.cjs

@@ -3146,15 +3146,29 @@ function ResolvedTableCell({
 
 // src/components/ui/table/features/column-resize/columnResize.ts
 function getColumnSizeStyle(size, options) {
-  const { force = false, lockMax = false } = options ?? {};
-  if (!force && size === DATA_TABLE_COLUMN_SIZE) {
+  const { force = false, lockMax = false, minWidth, maxWidth } = options ?? {};
+  if (lockMax) {
+    return {
+      width: size,
+      minWidth: size,
+      maxWidth: size
+    };
+  }
+  const hasExplicitSize = force || size !== DATA_TABLE_COLUMN_SIZE;
+  if (!hasExplicitSize && minWidth == null && maxWidth == null) {
     return void 0;
   }
-  return {
-    width: size,
-    minWidth: size,
-    ...lockMax ? { maxWidth: size } : {}
-  };
+  const style = {};
+  if (hasExplicitSize) {
+    style.width = size;
+    style.minWidth = minWidth ?? size;
+  } else if (minWidth != null) {
+    style.minWidth = minWidth;
+  }
+  if (maxWidth != null) {
+    style.maxWidth = maxWidth;
+  }
+  return style;
 }
 
 // src/components/ui/table/features/column-reorder/useColumnReorder.ts
@@ -3758,7 +3772,9 @@ function DataTableRow({
         const hasSelectionEdges = hasCellSelectionEdges(selectionEdgeStyle);
         const sizeStyle = getColumnSizeStyle(cell.column.getSize(), {
           force: enableColumnResize,
-          lockMax: enableColumnResize
+          lockMax: enableColumnResize,
+          minWidth: meta?.minWidth,
+          maxWidth: meta?.maxWidth
         });
         const freezeOffset = enableColumnFreeze ? freezeOffsets.get(columnId) : void 0;
         const freezeStyle = getColumnFreezeStyle(freezeOffset);
@@ -4379,7 +4395,9 @@ function DataTable({
                     const canResize = enableColumnResize && header.column.getCanResize();
                     const sizeStyle = getColumnSizeStyle(header.getSize(), {
                       force: enableColumnResize,
-                      lockMax: enableColumnResize
+                      lockMax: enableColumnResize,
+                      minWidth: header.column.columnDef.meta?.minWidth,
+                      maxWidth: header.column.columnDef.meta?.maxWidth
                     });
                     const freezeOffset = enableColumnFreeze ? resolveHeaderFreezeOffset(header.column, freezeOffsets) : void 0;
                     const freezeStyle = getColumnFreezeStyle(freezeOffset, {
@@ -4585,6 +4603,8 @@ function buildColumnDef(props, sort, onSort) {
     width,
     minWidth,
     maxWidth,
+    minResizeWidth,
+    maxResizeWidth,
     resizable,
     reorderable,
     frozen,
@@ -4605,8 +4625,8 @@ function buildColumnDef(props, sort, onSort) {
     id: field,
     ...!virtual ? { accessorKey: field } : {},
     size: width ?? DATA_TABLE_COLUMN_SIZE,
-    ...minWidth != null ? { minSize: minWidth } : {},
-    ...maxWidth != null ? { maxSize: maxWidth } : {},
+    ...minResizeWidth != null ? { minSize: minResizeWidth } : {},
+    ...maxResizeWidth != null ? { maxSize: maxResizeWidth } : {},
     ...resizable === false ? { enableResizing: false } : {},
     header: sortable ? () => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       SortableHeader,
@@ -4635,6 +4655,8 @@ function buildColumnDef(props, sort, onSort) {
       cellRender: render,
       frozen,
       reorderable,
+      minWidth,
+      maxWidth,
       className,
       headerClassName
     }

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-export { B as BuiltinCellKind, C as CellKind, a as CellRenderContext, b as CellRenderFn, c as CellRenderer, d as ColumnFreezeColumnInput, e as ColumnFreezeEdgeSide, f as ColumnFreezeMeta, g as ColumnFreezeOffset, h as ColumnFreezeSide, D as DEFAULT_DATA_TABLE_LABELS, i as DataTableClassNames, j as DataTableCopyActions, k as DataTableLabels, l as DataTableProps, m as DataTableScrollSlotProps, n as DataTableSlots, I as INLINE_SEARCH_MAX_RESULTS, P as PasteMode, R as RowSelectionMode, o as RowsPastePayload, S as SearchCorpusRow, p as SearchResultItem, q as SearchStatus, T as TableColumnGroupProps, r as TableColumnProps, s as TableProps, t as buildColumnFreezeOffsets, u as buildFlatSearchCorpus, v as buildSearchMatchKey, w as buildSearchMatchKeys, x as buildTreeSearchCorpus, y as cellValueToSearchText, z as collectAncestorKeysToExpand, A as collectSearchMatchesInRange, E as createSearchRegex, F as escapeSearchRegex, G as formatSearchResultLabel, H as getColumnFreezeEdgeAttr, J as getColumnFreezeStyle, K as mapSearchResultToVisibleItem, L as mapSearchResultsToVisibleKeys, M as nextSearchIndex, N as nextSearchStride, O as previousSearchIndex, Q as resolveColumnFreezeSide, U as resolveDataTableLabels, V as resolveHeaderFreezeOffset } from './types-Iot4g4sq.cjs';
+export { B as BuiltinCellKind, C as CellKind, a as CellRenderContext, b as CellRenderFn, c as CellRenderer, d as ColumnFreezeColumnInput, e as ColumnFreezeEdgeSide, f as ColumnFreezeMeta, g as ColumnFreezeOffset, h as ColumnFreezeSide, D as DEFAULT_DATA_TABLE_LABELS, i as DataTableClassNames, j as DataTableCopyActions, k as DataTableLabels, l as DataTableProps, m as DataTableScrollSlotProps, n as DataTableSlots, I as INLINE_SEARCH_MAX_RESULTS, P as PasteMode, R as RowSelectionMode, o as RowsPastePayload, S as SearchCorpusRow, p as SearchResultItem, q as SearchStatus, T as TableColumnGroupProps, r as TableColumnProps, s as TableProps, t as buildColumnFreezeOffsets, u as buildFlatSearchCorpus, v as buildSearchMatchKey, w as buildSearchMatchKeys, x as buildTreeSearchCorpus, y as cellValueToSearchText, z as collectAncestorKeysToExpand, A as collectSearchMatchesInRange, E as createSearchRegex, F as escapeSearchRegex, G as formatSearchResultLabel, H as getColumnFreezeEdgeAttr, J as getColumnFreezeStyle, K as mapSearchResultToVisibleItem, L as mapSearchResultsToVisibleKeys, M as nextSearchIndex, N as nextSearchStride, O as previousSearchIndex, Q as resolveColumnFreezeSide, U as resolveDataTableLabels, V as resolveHeaderFreezeOffset } from './types-CnsQ8GZb.cjs';
 export { BUILTIN_CELL_RENDERERS, CELL_SELECTION_EDGES_CLASS, CellContextWithUpdate, CellRendererRegistry, CellSelectionBounds, ColumnDropEdge, ColumnRowSpanMap, CopyRowEntry, CopySelectionMode, DEFAULT_TREE_CHILDREN_FIELD, DEFAULT_TREE_ID_FIELD, DEFAULT_TREE_PARENT_ID_FIELD, DEFAULT_TREE_QTY_FIELD, DragState, EditingCell, ResolvedTableCell, RowSpanColumnSpec, RowSpanInfo, TreeRow, UseConvertTreeDataParams, UseGlideTableOptions, UseGlideTableResult, UseInlineSearchOptions, UseInlineSearchResult, applyCellEdit, applyFillData, applyLeafColumnOrder, applySelectionUpdater, buildColumnRowSpanMap, buildRowsPastePayload, canExpandRow, collectCopyRowEntries, collectCopyRows, collectFillChanges, collectLeafColumnIds, collectRowSpanColumns, commitCellValue, createCellRendererRegistry, flattenSubtreeRows, formatCellValue, formatDefaultCellValue, getCellEditDraftValue, getCellSelectionEdgeStyle, getColumnEditType, getColumnSizeStyle, getRowIndexInMergedCell, hasCellSelectionEdges, isCellInSelection, isColumnEditable, isEditablePasteTarget, measureMergedSpanRowHeights, moveColumnIds, parseCellEditValue, parseClipboardTSV, parseClipboardTSVWithDepths, resolveCellRenderer, resolveDropEdge, resolveLeafColumnOrder, resolvePasteColumnIds, resolveRowSelection, resolveRowSpanAt, rowRangeToHeightRatios, serializeCopyRowsToTSV, serializeSelectionToTSV, toggleExpandedRowId, useCellEdit, useCellSelection, useColumnReorder, useConvertTreeData, useGlideTable, useInlineSearch, withCellUpdate, writeSelectionToClipboard } from './core.cjs';
 export { DataTable, Table, TableCompoundComponent, createTable } from './compound.cjs';
 export { ColumnDef, ColumnOrderState, ColumnResizeMode, ColumnSizingState, RowSelectionState } from '@tanstack/react-table';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { B as BuiltinCellKind, C as CellKind, a as CellRenderContext, b as CellRenderFn, c as CellRenderer, d as ColumnFreezeColumnInput, e as ColumnFreezeEdgeSide, f as ColumnFreezeMeta, g as ColumnFreezeOffset, h as ColumnFreezeSide, D as DEFAULT_DATA_TABLE_LABELS, i as DataTableClassNames, j as DataTableCopyActions, k as DataTableLabels, l as DataTableProps, m as DataTableScrollSlotProps, n as DataTableSlots, I as INLINE_SEARCH_MAX_RESULTS, P as PasteMode, R as RowSelectionMode, o as RowsPastePayload, S as SearchCorpusRow, p as SearchResultItem, q as SearchStatus, T as TableColumnGroupProps, r as TableColumnProps, s as TableProps, t as buildColumnFreezeOffsets, u as buildFlatSearchCorpus, v as buildSearchMatchKey, w as buildSearchMatchKeys, x as buildTreeSearchCorpus, y as cellValueToSearchText, z as collectAncestorKeysToExpand, A as collectSearchMatchesInRange, E as createSearchRegex, F as escapeSearchRegex, G as formatSearchResultLabel, H as getColumnFreezeEdgeAttr, J as getColumnFreezeStyle, K as mapSearchResultToVisibleItem, L as mapSearchResultsToVisibleKeys, M as nextSearchIndex, N as nextSearchStride, O as previousSearchIndex, Q as resolveColumnFreezeSide, U as resolveDataTableLabels, V as resolveHeaderFreezeOffset } from './types-Iot4g4sq.js';
+export { B as BuiltinCellKind, C as CellKind, a as CellRenderContext, b as CellRenderFn, c as CellRenderer, d as ColumnFreezeColumnInput, e as ColumnFreezeEdgeSide, f as ColumnFreezeMeta, g as ColumnFreezeOffset, h as ColumnFreezeSide, D as DEFAULT_DATA_TABLE_LABELS, i as DataTableClassNames, j as DataTableCopyActions, k as DataTableLabels, l as DataTableProps, m as DataTableScrollSlotProps, n as DataTableSlots, I as INLINE_SEARCH_MAX_RESULTS, P as PasteMode, R as RowSelectionMode, o as RowsPastePayload, S as SearchCorpusRow, p as SearchResultItem, q as SearchStatus, T as TableColumnGroupProps, r as TableColumnProps, s as TableProps, t as buildColumnFreezeOffsets, u as buildFlatSearchCorpus, v as buildSearchMatchKey, w as buildSearchMatchKeys, x as buildTreeSearchCorpus, y as cellValueToSearchText, z as collectAncestorKeysToExpand, A as collectSearchMatchesInRange, E as createSearchRegex, F as escapeSearchRegex, G as formatSearchResultLabel, H as getColumnFreezeEdgeAttr, J as getColumnFreezeStyle, K as mapSearchResultToVisibleItem, L as mapSearchResultsToVisibleKeys, M as nextSearchIndex, N as nextSearchStride, O as previousSearchIndex, Q as resolveColumnFreezeSide, U as resolveDataTableLabels, V as resolveHeaderFreezeOffset } from './types-CnsQ8GZb.js';
 export { BUILTIN_CELL_RENDERERS, CELL_SELECTION_EDGES_CLASS, CellContextWithUpdate, CellRendererRegistry, CellSelectionBounds, ColumnDropEdge, ColumnRowSpanMap, CopyRowEntry, CopySelectionMode, DEFAULT_TREE_CHILDREN_FIELD, DEFAULT_TREE_ID_FIELD, DEFAULT_TREE_PARENT_ID_FIELD, DEFAULT_TREE_QTY_FIELD, DragState, EditingCell, ResolvedTableCell, RowSpanColumnSpec, RowSpanInfo, TreeRow, UseConvertTreeDataParams, UseGlideTableOptions, UseGlideTableResult, UseInlineSearchOptions, UseInlineSearchResult, applyCellEdit, applyFillData, applyLeafColumnOrder, applySelectionUpdater, buildColumnRowSpanMap, buildRowsPastePayload, canExpandRow, collectCopyRowEntries, collectCopyRows, collectFillChanges, collectLeafColumnIds, collectRowSpanColumns, commitCellValue, createCellRendererRegistry, flattenSubtreeRows, formatCellValue, formatDefaultCellValue, getCellEditDraftValue, getCellSelectionEdgeStyle, getColumnEditType, getColumnSizeStyle, getRowIndexInMergedCell, hasCellSelectionEdges, isCellInSelection, isColumnEditable, isEditablePasteTarget, measureMergedSpanRowHeights, moveColumnIds, parseCellEditValue, parseClipboardTSV, parseClipboardTSVWithDepths, resolveCellRenderer, resolveDropEdge, resolveLeafColumnOrder, resolvePasteColumnIds, resolveRowSelection, resolveRowSpanAt, rowRangeToHeightRatios, serializeCopyRowsToTSV, serializeSelectionToTSV, toggleExpandedRowId, useCellEdit, useCellSelection, useColumnReorder, useConvertTreeData, useGlideTable, useInlineSearch, withCellUpdate, writeSelectionToClipboard } from './core.js';
 export { DataTable, Table, TableCompoundComponent, createTable } from './compound.js';
 export { ColumnDef, ColumnOrderState, ColumnResizeMode, ColumnSizingState, RowSelectionState } from '@tanstack/react-table';

package/dist/index.js

@@ -3057,15 +3057,29 @@ function ResolvedTableCell({
 
 // src/components/ui/table/features/column-resize/columnResize.ts
 function getColumnSizeStyle(size, options) {
-  const { force = false, lockMax = false } = options ?? {};
-  if (!force && size === DATA_TABLE_COLUMN_SIZE) {
+  const { force = false, lockMax = false, minWidth, maxWidth } = options ?? {};
+  if (lockMax) {
+    return {
+      width: size,
+      minWidth: size,
+      maxWidth: size
+    };
+  }
+  const hasExplicitSize = force || size !== DATA_TABLE_COLUMN_SIZE;
+  if (!hasExplicitSize && minWidth == null && maxWidth == null) {
     return void 0;
   }
-  return {
-    width: size,
-    minWidth: size,
-    ...lockMax ? { maxWidth: size } : {}
-  };
+  const style = {};
+  if (hasExplicitSize) {
+    style.width = size;
+    style.minWidth = minWidth ?? size;
+  } else if (minWidth != null) {
+    style.minWidth = minWidth;
+  }
+  if (maxWidth != null) {
+    style.maxWidth = maxWidth;
+  }
+  return style;
 }
 
 // src/components/ui/table/features/column-reorder/useColumnReorder.ts
@@ -3674,7 +3688,9 @@ function DataTableRow({
         const hasSelectionEdges = hasCellSelectionEdges(selectionEdgeStyle);
         const sizeStyle = getColumnSizeStyle(cell.column.getSize(), {
           force: enableColumnResize,
-          lockMax: enableColumnResize
+          lockMax: enableColumnResize,
+          minWidth: meta?.minWidth,
+          maxWidth: meta?.maxWidth
         });
         const freezeOffset = enableColumnFreeze ? freezeOffsets.get(columnId) : void 0;
         const freezeStyle = getColumnFreezeStyle(freezeOffset);
@@ -4295,7 +4311,9 @@ function DataTable({
                     const canResize = enableColumnResize && header.column.getCanResize();
                     const sizeStyle = getColumnSizeStyle(header.getSize(), {
                       force: enableColumnResize,
-                      lockMax: enableColumnResize
+                      lockMax: enableColumnResize,
+                      minWidth: header.column.columnDef.meta?.minWidth,
+                      maxWidth: header.column.columnDef.meta?.maxWidth
                     });
                     const freezeOffset = enableColumnFreeze ? resolveHeaderFreezeOffset(header.column, freezeOffsets) : void 0;
                     const freezeStyle = getColumnFreezeStyle(freezeOffset, {
@@ -4501,6 +4519,8 @@ function buildColumnDef(props, sort, onSort) {
     width,
     minWidth,
     maxWidth,
+    minResizeWidth,
+    maxResizeWidth,
     resizable,
     reorderable,
     frozen,
@@ -4521,8 +4541,8 @@ function buildColumnDef(props, sort, onSort) {
     id: field,
     ...!virtual ? { accessorKey: field } : {},
     size: width ?? DATA_TABLE_COLUMN_SIZE,
-    ...minWidth != null ? { minSize: minWidth } : {},
-    ...maxWidth != null ? { maxSize: maxWidth } : {},
+    ...minResizeWidth != null ? { minSize: minResizeWidth } : {},
+    ...maxResizeWidth != null ? { maxSize: maxResizeWidth } : {},
     ...resizable === false ? { enableResizing: false } : {},
     header: sortable ? () => /* @__PURE__ */ jsx8(
       SortableHeader,
@@ -4551,6 +4571,8 @@ function buildColumnDef(props, sort, onSort) {
       cellRender: render,
       frozen,
       reorderable,
+      minWidth,
+      maxWidth,
       className,
       headerClassName
     }

package/dist/{types-Iot4g4sq.d.cts → types-CnsQ8GZb.d.cts}

@@ -220,6 +220,10 @@ declare module "@tanstack/react-table" {
          * Defaults to true.
          */
         reorderable?: boolean;
+        /** CSS min-width for header/body cells. Independent of column resize. */
+        minWidth?: number;
+        /** CSS max-width for header/body cells. Independent of column resize. */
+        maxWidth?: number;
     }
     interface CellContext<TData, TValue> {
         /**
@@ -545,10 +549,20 @@ type TableColumnProps<T extends Record<string, unknown>, K extends string = keyo
     sortable?: boolean;
     /** Initial / default column width in px (TanStack `size`) */
     width?: number;
-    /** Minimum resize width in px. Defaults to the table min when omitted */
+    /**
+     * CSS min-width for this column's cells.
+     * Independent of `enableColumnResize` / `minResizeWidth`.
+     */
     minWidth?: number;
-    /** Maximum resize width in px. Defaults to the table max when omitted */
+    /**
+     * CSS max-width for this column's cells.
+     * Independent of `enableColumnResize` / `maxResizeWidth`.
+     */
     maxWidth?: number;
+    /** Minimum drag-resize width in px. Defaults to the table min when omitted */
+    minResizeWidth?: number;
+    /** Maximum drag-resize width in px. Defaults to the table max when omitted */
+    maxResizeWidth?: number;
     /**
      * When false, this column cannot be resized even if `enableColumnResize` is on.
      * Defaults to true.

package/dist/{types-Iot4g4sq.d.ts → types-CnsQ8GZb.d.ts}

@@ -220,6 +220,10 @@ declare module "@tanstack/react-table" {
          * Defaults to true.
          */
         reorderable?: boolean;
+        /** CSS min-width for header/body cells. Independent of column resize. */
+        minWidth?: number;
+        /** CSS max-width for header/body cells. Independent of column resize. */
+        maxWidth?: number;
     }
     interface CellContext<TData, TValue> {
         /**
@@ -545,10 +549,20 @@ type TableColumnProps<T extends Record<string, unknown>, K extends string = keyo
     sortable?: boolean;
     /** Initial / default column width in px (TanStack `size`) */
     width?: number;
-    /** Minimum resize width in px. Defaults to the table min when omitted */
+    /**
+     * CSS min-width for this column's cells.
+     * Independent of `enableColumnResize` / `minResizeWidth`.
+     */
     minWidth?: number;
-    /** Maximum resize width in px. Defaults to the table max when omitted */
+    /**
+     * CSS max-width for this column's cells.
+     * Independent of `enableColumnResize` / `maxResizeWidth`.
+     */
     maxWidth?: number;
+    /** Minimum drag-resize width in px. Defaults to the table min when omitted */
+    minResizeWidth?: number;
+    /** Maximum drag-resize width in px. Defaults to the table max when omitted */
+    maxResizeWidth?: number;
     /**
      * When false, this column cannot be resized even if `enableColumnResize` is on.
      * Defaults to true.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-glide-table",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/zpxlffjrm/react-glide-table.git"