Data table

Table states

Empty, no results, loading skeleton rows, error, partial and not wired: the table frame and toolbar stay; only the body changes.

Live specimen

Lifted from the approved family page at build time; interact with it.

Empty table

Two kinds: nothing exists yet (offer the first step), or filters hide everything (offer to clear them).

ProductStatusVersionRecommended priceUpdated

No products yet

Master products you create here become available to every brand you grant them to.

ProductStatusVersionRecommended priceUpdated

No products match

Nothing matches “flannel” with status Retired.

TimestampWhoActionEntityRequest

No audit rows yet

Changes to this brand appear here, newest first, and are kept for a year.

OrderCustomerTotalPlaced

No orders in this brand's window

RJ MTM has no orders in the last 90 days.

Usesshadcn TableRow colSpanEmpty.dt-empty.dt-emp

from families/data-table/#empty

Loading skeleton

Never a blank table, never a bare “Loading…”.

First load

Real headers, skeleton cells shaped like the content they stand in for. The pulse is slow and stops under reduced motion.

Actions
Loading the Global Store…

Refreshing

Refreshing prices.

Rows stay readable while new prices load.

Navy birdseye two-piece suitnavy-birdseye-two-piece
HS 81045Crystal Springs
Availablev4
£1,150€1,320$1,450
2 Oct
Charcoal herringbone jacketcharcoal-herringbone-jacket
VBC 218.1003Perennial
Availablev2v3 ready
£780€895$985
29 Sep
Usesshadcn Skeletonaria-busy.skel--motion-skeletonprefers-reduced-motion

from families/data-table/#loading

Error, partial and not wired

Name the real cause and the next step. A table that was never read must never look empty.

ProductStatusVersionRecommended priceUpdated

Global Store unavailable

The master product store did not answer within 10 seconds. Nothing was changed.

Order book not read.

The ERP order read did not complete, so no rows are shown. This is not a statement that this brand has no orders.

OrderCustomerTotalPaymentPlaced

No rows to show until the order read completes.

Showing ERP order data only.

DTC commerce did not answer, so customer names are missing for now.

OrderCustomerTotalPlaced
RJ-20418Not loaded£1,150Today 14:20
RJ-20417Not loaded£780Today 11:02
Audit log not readable yet.

The audit read is not wired on staging. No rows are shown.

TimestampWhoActionEntity

Rows appear here once the audit read is connected.

Usesshadcn Alert.dt-note.bad | .warn | .info.dt-emp.bad--destructive--not-wired

from families/data-table/#error