tag
tables
Rows, columns, and reading across both.
18 terms across 5 categories · all tags
component
- Column resizer
The invisible strip on a column border that widens or narrows the column when dragged, and often fits the column to its content on double click.
- Comparison table
A table whose columns are options and whose rows are features, read across to decide between plans or products.
- Data grid
A spreadsheet-like table where individual cells take focus and can be edited, navigated cell by cell with the arrow keys.
- Data table
A table built for working with data rather than reading it: sortable columns, selectable rows, and controls that act on the rows you select.
- Description list
Paired labels and values laid out as a list of facts about one thing, rather than as a table of many things.
- Expandable row
A table row that opens to reveal a detail panel beneath it, keeping the row in place instead of navigating away.
- Sort indicator
The small arrow in a column header showing that the table is sorted by that column and in which direction.
- Tree grid
A table whose rows nest and expand like a tree, so hierarchy and columns of data coexist in one grid.
- Zebra striping
Alternating row backgrounds in a table so the eye can track a single row across many columns.
layout
- Density
How much content a system packs into a given area, tuned as a named setting so the same components can run comfortable or compact.
- Frozen column
A table column held against the edge while the rest scrolls sideways, so the row's identifying value stays readable.
- Lawn mower pattern
A scanning shape for tables where the eye runs across one row, drops down and runs back the other way, mowing the cells in alternating directions.
pattern
- Bulk actions
Selecting several rows and applying one command to all of them, usually through a bar that appears once a selection exists and reports its count.
- List virtualization
Rendering only the rows currently in view and a small buffer around them, while spacers preserve the scrollbar of the full list.
- Select all across pages
Offering to extend a selection from the visible page to every matching row, after a header checkbox has selected only what is on screen.
typography
- Tabular figures
Numerals drawn to identical widths so digits stack into columns, and so a changing number does not shift the text around it.
accessibility
- Header association
The markup that ties a data cell to its row and column headers, so a cell read on its own still says what it is.
- Sort state
The announced direction of the one column a table is currently sorted by, carried on that column header alone rather than on every sortable header.