Data Table with Advanced Features
v0 prompt for an advanced data table with sorting, filtering, bulk actions, and expandable rows.
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.
What you get when you save this prompt
Your workspace unlocks powerful tools to iterate and improve.
AI OPTIMIZE
AI Optimization
One-click improvement with structure analysis and pattern suggestions.
VERSION DIFF
Version History
Track every edit. Compare versions side-by-side with word-level diffs.
ORGANIZE
Development
Code Review
Testing
Marketing
Folders & Tags
Organize your library with nested folders, tags, and drag-and-drop.
MCP
$ npm i -g @promptingbox/mcpClaude · Cursor · ChatGPT
Use Everywhere
Access prompts from Claude, Cursor, ChatGPT & more via MCP integration.
Your prompts, organized
Save, version, and access your best prompts across ChatGPT, Claude, Cursor, and more.