Data Display
Table
A responsive table primitive plus complete data-table patterns — row actions, sortable headers, selection, filtering and pagination.
Import
import {
Table,
TableHeader,
TableBody,
TableFooter,
TableHead,
TableRow,
TableCell,
TableCaption,
} from "@countryclub/ui-react";Default
Data Table
The full pattern: search and tier filters, sortable columns, row selection with a bulk-action toolbar, per-row actions and client-side pagination.
Row Actions
A members list with status badges and a per-row actions menu.
Sortable
Click a column header to sort ascending, then descending.
Selection
Select-all and per-row checkboxes with a contextual action toolbar.
Compact & Totals
A dense variant with a caption and a footer totals row.