Design System

Components / Tables

The workhorse of every screen.

Every report list, every roster, every user table runs on this primitive. Header rows speak mono, body rows speak Geist 14. Bottom shadow rings under the header and between rows; the last row never carries a divider.

Resize the browser under 1280px, then 1024px, then 768px to watch the column ladder collapse. P0 stays. P1 hides at md. P2 hides at lg. P3 hides at xl.

StatusTitleAssetSubmittedSeverity
NewScaffolding stabilityOPS-A-012026-04-26 14:32High
In ProgressPump bearing noiseOPS-B-022026-04-26 11:08Medium
ResolvedSpilled lubricant — Engine 3OPS-A-012026-04-25 16:44Low
NewFaulty PPE lockerOPS-C-032026-04-25 09:22Low
Pending ReviewConfined space — gas readingOPS-B-022026-04-24 18:51High
10-col header (mono) · 14 body · 44px row min-heightP0 always · P1 hides <md · P2 hides <lg · P3 hides <xl

Numbers and dates never truncate. If a number doesn't fit, the column is wrong, not the rendering.