Components
Tables
Forensic data grids. Tabular numerics, uppercase mono headers, hover, selection. Rows are 40px tall by default — comfortable scanning, dense enough for estimators.
Default
| Property | Property | Storm date | Status | RCV | ACV |
|---|
| SC-22481 | 1407 Maple Ave | 2024-04-26 | ✓Approved | $24,810.00 | $19,402.50 |
| SC-22482 | 91 Linden Ct | 2024-04-26 | ⋯Pending | $8,402.00 | $6,720.00 |
| SC-22483 | 3300 Oak Hill Rd | 2024-05-12 | ✕Denied | $12,950.00 | — |
| SC-22484 | 5520 Cypress Pkwy | 2024-05-12 | ✓Approved | $31,240.00 | $26,540.00 |
.sc-table-wrap + .sc-table · row h: 40px.num cells right-align tabular-nums in mono
Usage
Do
Use mono + tabular numerics on every numeric column. Right-align them. They line up under the decimal — that's the point.
Don't
Mix proportional and tabular numerics in the same column. Pick one and commit; columns rely on alignment to scan.