Dynamic table

A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.

#With pagination

Sort by a column heading, and move between pages below the table.

Reps on shift
		Status
Ava Mensah	Billing	Over load	7
Priya Shah	Billing	At capacity	6
Mei Tan	Onboarding	Available	3

import { Pagination, Table } from '@wolf-rayet/react';

<Table caption="Reps on shift" columns={COLUMNS} rows={rows} />
<div style={{ display: 'flex', justifyContent: 'center', marginBlockStart: 16 }}>
  <Pagination pages={pages} defaultSelected={page} onChange={setPage} label="Reps pages" />
</div>