# Saas Table Column Resize

SaaS subscriptions and customers table with user-adjustable widths.

- id: `saas-table-column-resize`
- Page: https://agentic-ui-kit.com/components/saas-table-column-resize
- Live preview: https://agentic-ui-kit.com/live/component/saas-table-column-resize

## Install

```bash
agentic-ui add saas-table-column-resize
npx shadcn@4.17.0 add @agentic-ui/saas-table-column-resize
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** column-resize, keyboard-resize, min-max-bounds, independent-columns, header-body-alignment, column-sorting, keyboard-reset, responsive-scroll, empty-state-fallback, error-state-fallback, dark-mode
- **Intents:** manage-collection, configure, create-edit
- **Suits domains:** saas, finance, operations, devtools, ecommerce
- **Interaction:** drag, click, keyboard-navigation, sort, reset
- **Screen role:** management
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** SaaS subscriptions and customers table with user-adjustable widths, financial transactions listing where the user widens the amount and description columns, operations panel with sorting by metrics and persisted column dimensions, devtools resource console showing quota usage and activity states
- **Avoid when:** simple read-only lists with fewer than 3 columns of uniform length, summary cards or compact widgets where a fixed grid is preferable
- **Preserve when adapting:** column-resize-model, keyboard-adjustment-steps, header-body-alignment, min-max-bounds-enforcement
- **Replace when adapting:** column-definitions, data-records, cell-renderers, domain-copy
- **Adaptation effort:** low
- **Coupling:** low
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** table, button
- **npm dependencies:** lucide-react
- **npm dependencies (registry):** clsx@^2.1.1, lucide-react@0.577.0, tailwind-merge@3.5.0