DataTableBand.
A dense violations table ("Compliance Violations") rendered inside a screenshot-style product mockup — issue, severity badge, monthly/annual cost, description, ending in a highlighted Total row. Reused identically inside the ShipShotAudit mockup on /parcel-audit and /carrier-contract-management; framed by fake app chrome (tabs, sidebar, KPI cards, alert banner), not a bare marketing-surface table.
When to use
Reach for this when the strongest proof is showing the actual flagged line items an audit caught — real-looking issue names, a severity badge, and a dollar figure per row, ending in a totals row. In the real source this always ships framed as a product-app screenshot (tabs/sidebar/KPI cards/alert banner), not as a bare table sitting on the marketing surface; if you want the standalone-table treatment described by the original brief, that is an aspirational new pattern, not something dash.fi ships today.
Real shape — normally framed inside the ShipShotAudit product-screenshot mockup (tabs, sidebar, KPI cards, alert banner), not bare on the page. See Recipe for the full frame.
| ISSUE | SEVERITY | MONTHLY COST | ANNUAL COST | DESCRIPTION |
|---|---|---|---|---|
| Earned Discount Tier Misalignment | High | $1,600 | $19,200 | Shipping volume qualifies for 11% earned discount tier but only receiving 8% tier. |
| Direct Signature Overcharges | High | $1,213 | $14,556 | 50% contracted discount on Direct Signature is not being applied to invoices. |
| DIM Divisor Errors | Medium | $550 | $6,600 | Some Express shipments billed using DIM divisor 139 instead of contracted 194. |
| Missing Online Pickup Discounts | Medium | $400 | $4,800 | Online-scheduled pickups not receiving the contracted free pickup benefit. |
| Total | $3,763 | $45,156 |
No "+N more" link in the real source — the table is a fixed 4-row dataset ending in a Total row. High-severity red is hardcoded in the source and has no matching `--m-*` role (`--m-negative` is monochrome ink by policy); see the spec's gotchas.