Data table
The table’s rules with sortable heads and selectable rows.
Selected Industry
Grainger Manufacturing / Industrial 2025
ThermoFisher Scientific Life Sciences / Healthcare 2024
Truckstop Go Logistics / Transportation 2023
Basic.Space E-Commerce / Retail 2021
City of San Diego Government 2020
Geisel Library Education 2019
Anatomy
| Rules | the table’s: an ink rule on top and under the head, hairlines between rows |
|---|---|
| Rows | two modules tall; the title in the clean cut at 16/24 |
| Hover | the row’s hairline develops in --state from the pointer and the title turns --state |
| Select | a 32px cell per row; selected is an ink fill |
| Sort | a head is its label and a chevron cell; the chevron turns over for descending |
| Numbers | right-aligned in a fixed cell |
Decisions
-
The table’s rules
It adds nothing to the table’s grammar but the cells and the row’s hover, which are the four moves.
-
No tint
A selected row is told by its cell, never by a row fill: frames off, and fills are state.