dashboarddata table

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 — inside a portal card (canonical usage)

refill queue

5 pending

patientmedicationstatusrequested
ana garciasemaglutide 1.0mgpending2h ago
priya nairtirzepatide 5mgapproved4h ago
marcus chensemaglutide 0.5mgneeds info1d ago
james o'connortirzepatide 7.5mgapproved1d ago
sara kimsemaglutide 1.0mgfailed2d ago

rows are clickable when onRowClick is provided. dividers reach the card's inner edge.