Tables & Data Lists Checklist
Every table or list must handle every state — loading, empty, error, populated — and every action — sort, filter, paginate, select — before it is considered done.
Back to Frontend Checklist
0/0 completed
Interactive Table Demo — All States
| Name | Status | Owner | Actions | |
|---|---|---|---|---|
Skeleton rows shown while data loads. Headers stay visible. Action buttons are disabled.
📂
No projects found.
Create your first project to get started.
Empty state has a specific message and a clear CTA.
⚠️
Failed to load projects.
Something went wrong on our end. Please try again.
Error is shown inside the table area with a human-readable message and a Retry button.
0 row(s) selected —
| Name ↕ | Status ↕ | Owner ↕ | Actions |
|---|
Click column headers to sort. Use checkboxes to select rows. Bulk action bar appears on selection.
Loading State
Empty State
Error State
Sorting
Filtering
Pagination
Row Actions
Bulk Actions
Mobile
Before Marking Done
All display states, sorting, filtering, pagination, row actions, bulk actions, and mobile behavior must be manually tested.