Todo List Table View
A spreadsheet-style todo list block for React and Next.js with sortable columns, assignee avatars, and status indicators built with shadcn/ui Table and Tailwind CSS
Manage tasks in a structured table layout with this spreadsheet-style todo list block for React and Next.js. Features sortable column headers with arrow indicators, status and priority columns with dot indicators, assignee initials, and checkbox-based completion. Built with TypeScript, shadcn/ui Table, Checkbox, and Badge components, framer-motion entrance animations, and Tailwind CSS. Ideal for team dashboards, sprint boards, and project tracking tools that need dense data display.
Related Components
Compact Todo List
Ultra-dense compact task view
Card View Todo List
Grid-based card layout for tasks
Split View Todo List
List with detail panel
Multi Board Todo List
Tabbed multiple boards
Analytics Todo List
Task statistics dashboard
Grouped Todo List
Tasks organized by category
FAQ
Was this page helpful?
Sign in to leave feedback.
Support Tickets
A support ticket queue todo list block for React and Next.js with ticket IDs, priority sorting, SLA timers, category badges, and agent assignment built with shadcn/ui and Tailwind CSS
Tags
A tag-based todo list block for React and Next.js with filterable tag chips, real-time search, and multi-label task organization built with shadcn/ui and Tailwind CSS