# Reorderable Table

> This component is a rearrangeable table built with Shadcn UI, designed for scenarios where users need maximum flexibility in how data is viewed and analyzed. Unlike a static table, it allows users to drag and reorder columns, enabling a fully customizable layout that adapts to different workflows or preferences. Its clean design ensures clarity without unnecessary clutter, and it seamlessly supports both light and dark themes for accessibility. This makes it especially useful for dashboards, analytics panels, or admin tools where different users may prioritize different data fields. The component strikes a balance between functionality and simplicity, ensuring it looks professional while offering a quality user experience.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- npm dependencies: lucide-react
- Live preview: https://21st.dev/@ruixen.ui/components/reorderable-table

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/reorderable-table?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt