Sortable, Filterable, Paginated Grid
A data grid with column sorting, a text filter, and pagination — locate a specific row after the sort order and page have changed.
Sort by clicking a column header, filter by name or role, page through the results, click a status pill to
toggle it, and select rows with the checkboxes. Locate a specific row after the sort order and page have
both changed from their defaults — data-testid attributes are on every row and interactive cell.
0 selected
| name ↑ | role | status | |
|---|---|---|---|
| Ava Thompson | QA Engineer | ||
| Ben Whitfield | SDET | ||
| Chloe Dubois | QA Engineer | ||
| Deepak Rao | SDET | ||
| Ethan Brooks | SDET |
Page 1 of 4 (18 rows)