pattern-library 2 linked patterns checked
U.S. Web Design System Table
Documents sortable table columns, aria-sort defaults, live announcements for sort state changes, sortable header behavior, and raw sort values for formatted numbers, dates, months, percentages, and file sizes.
Read with a purpose
What this source can teach
Use this source to compare a documented solution with the task and states in your own product.
- Start with the original. Open the source and find the guidance or example relevant to your task.
- Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
- Check the setting. Compare the source's platform, people, and constraints with your own decision.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Sort controls | Choose sort controls when the same result set can be usefully ordered by two or more meaningful attributes. | Changing a Sort by select applies the new order to the full current result set and keeps unrelated query and filter state intact. | USWDS documents table sort accessibility, aria-sort state, live announcements, and raw sortable values. |
| Table | Choose table when each row represents one record and each column represents the same attribute for every row. | The table caption or nearby heading names the dataset and purpose, not just Table. | USWDS table guidance supports responsive, stacked, sortable, and stateful table behavior. |
Comparisons supported by this source
- Sort controls vs filter chips vs filter panel vs pagination
USWDS documents sortable table headers, aria-sort, live announcements, and raw sort values for formatted data.
- Table vs sort controls vs filter panel vs pagination
USWDS table guidance supports sortable and responsive tables with stateful sort and stacked behavior.
Evidence Role
This source is treated as pattern-library evidence. Its value comes from the specific claims and setting described above.
Publisher: U.S. Web Design System. Last checked: .