Web table
Client-side search, sort, pagination, and row selection scaffolding.
Open editorial guide: dynamic elements practice
Challenge mode: append ?challenge=1 to this URL for harder selectors / no helper test ids where noted.
Interactive demo
| Id | Name | Status | Actions | |
|---|---|---|---|---|
| 1 | Task 1 | open | ||
| 2 | Task 2 | pending | ||
| 3 | Task 3 | done | ||
| 4 | Task 4 | open | ||
| 5 | Task 5 | pending | ||
| 6 | Task 6 | done |
Page 1 / 4
Practice ideas
Manual testing
- Search narrows rows
- Sort changes order
- Pagination boundaries
Automation
- Assert page info updates
- Checkbox per row
Locator hints (beginner)
- [data-testid="pg-table-search"]
- [data-testid="pg-table-next"]