Table, Striped
Tables allow users to compare and review large amounts of data.
On this page:
Best Practice
- Tables allows the user to compare data.
- Use accessible Table markup, like what’s provided.
- Pagination goes below a table if you need it.
- Use Tables to display tabular data, not for layout.
- Tables size their columns by the longest amount of unbroken text in either the column header or the column.
- Use Cards for browsing content.
- Use Tables for comparing data.
Usage
See the Pen App Screen by LA Gov Design Team (@lagovdesignteam) on CodePen.