Data Table

Sortable, filterable tables for accounts, deals, and contacts — the workhorse of B2B SaaS.

Accounts Table

Accounts 433

Account	Segment	Health	Pipeline	Status
TK The Kitchen Source Dallas, TX	Commercial	92	$2,450,000	Active
AK AK Design Group Chicago, IL	Designer	58	$285,852	At Risk
BC Baltix Construction Minneapolis, MN	Fabricator	25	$154,527	Critical

HTML

<div class="monarch-card">
  <div class="monarch-table-header">
    <div class="monarch-table-header__title">
      Accounts <span class="monarch-table-header__count">433</span>
    </div>
    <div class="monarch-filter-tabs">
      <button class="monarch-filter-tab monarch-filter-tab--active">All</button>
      <button class="monarch-filter-tab">Active</button>
    </div>
  </div>
  <table class="monarch-table">
    <thead><tr><th>Account</th><th>Segment</th><th>Health</th><th>Pipeline</th><th>Status</th></tr></thead>
    <tbody><tr><td>...</td></tr></tbody>
  </table>
</div>