Components

Tables

The default way to present policy lists, claims registers, and schedules — built to stay scannable at real enterprise density.

Stablews-table

Default

Policyholder Line of businessPremiumStatusRenews
Acme Manufacturing Co.Property$142,000ActiveDec 1, 2026
TechFlow Systems Inc.Cyber$58,500PendingAug 3, 2026
Harbor Freight LogisticsGeneral liability$96,200ActiveAug 3, 2026
Meridian Health GroupProfessional liability$210,750ExpiredJun 12, 2026
Coastal Retail PartnersProperty$74,900ActiveOct 18, 2026
<table class="ws-table">
  <thead><tr><th>Policyholder</th><th>Status</th></tr></thead>
  <tbody>
    <tr><td>Acme Manufacturing Co.</td><td><span class="ws-badge ws-badge--success">Active</span></td></tr>
  </tbody>
</table>

Striped / dense

Claim #AdjusterReserveStatus
CLM-88213J. Alvarez$12,400Open
CLM-88214R. Chen$4,100Closed
CLM-88219J. Alvarez$31,900Open
CLM-88221M. Osei$980Closed

Usage

  • Right-align numeric/currency columns; left-align text.
  • Use status badges, not colored text alone, to convey state in a cell.
  • Sortable columns get a visible sort indicator and a larger click target than just the arrow glyph.
  • For > 50 rows, pair the table with the pagination component rather than infinite scroll.