data table
the multi-column variant of the in-card list family. same visual language as PortalCardList — transparent rows, edge-to-edge dividers, sits inside a PortalCard — but with named columns instead of two fixed key/value columns.
use for tabular data where each row has multiple distinct attributes that read better as columns than as a single tile (refill queues, audit logs, fulfillment exceptions). for static records (one row, many fields) reach for PortalCardList. for queue feeds with chips and inline actions, reach for StatusRow.
rendered inside the canonical 25px-padded card, the table uses negative horizontal margins so the divider lines span full container width — matching the patient app's prescriptionList pattern.
import from @klera/ui/components/dashboard/DataTable
variants
refill queue
| patient | medication | status | requested |
|---|---|---|---|
| ana garcia | semaglutide 1.0mg | pending | 2h ago |
| priya nair | tirzepatide 5mg | approved | 4h ago |
| marcus chen | semaglutide 0.5mg | needs info | 1d ago |
| james o'connor | tirzepatide 7.5mg | approved | 1d ago |
| sara kim | semaglutide 1.0mg | failed | 2d ago |
rows are clickable when onRowClick is provided. dividers reach the card's inner edge.