Data Table with Advanced Features

v0 prompt for an advanced data table with sorting, filtering, bulk actions, and expandable rows.

v0data-tablecomponentshadcn-ui

Prompt

Create a data table component with:

- Column headers with sort indicators (asc/desc/none)
- Click to sort by column
- Column resizing by dragging header borders
- Multi-select with checkbox column
- Bulk action bar that appears when rows selected: "3 selected — Delete, Export, Archive"
- Row hover highlight
- Expandable rows (click to show detail panel below)
- Pagination: "Showing 1-10 of 243" with page size selector (10, 25, 50, 100)
- Search input that filters across all visible columns
- Column visibility toggle dropdown
- Sticky header on scroll
- Empty state: illustration + "No data found" message
- Loading state: skeleton rows

Use shadcn/ui Table, Checkbox, Select, Button, Input components. Demo with user data: Name, Email, Role, Status, Last Login, Actions. Make it responsive — horizontal scroll on mobile with sticky first column.

Save this prompt to your library

Organize, version, and access your best prompts across ChatGPT, Claude, and Cursor.

Related prompts

Dashboard UI Component

A v0 prompt for generating an analytics dashboard with KPI cards, charts, and activity tables.

Command Palette Component

v0 prompt for a command palette component with fuzzy search, keyboard navigation, and grouped results.

Multi-Step Form Wizard

v0 prompt for a multi-step form wizard with validation, file upload, and review step.

Notification Center Dropdown

v0 prompt for a notification center dropdown with tabs, notification types, and inline actions.