Table - Koala Design

Default

no variant. The rows are one object: a hairline round them, a divider between them, and rounded ends

Conversation inbox
Conversation	Assignee	State	Reference
AH Amelia Hart Thanks, I’ve attached the signed fixtures and fittings form. Could you confirm the next step? 2 attachments	PS Priya Shah London team	Reply needed	TX-2026-0004 Purchase
BM Barnaby Montgomery-Smythe We are happy with the report, although there are two points in section 7 that we would like to discuss.	Unassigned	Waiting	TX-2026-0009
HC Harper & Co.	NB Noah Bennett	Closed	Q-1842

Embedded

variant="Embedded". The same lines with no edges of its own, for a table inside a panel

Quotes

Raised through this partner's branches.

Conversation inbox
Conversation	Assignee	State	Reference
Amelia Hart Thanks, I’ve attached the signed fixtures and fittings form. Could you confirm the next step?	Priya Shah	Reply needed	TX-2026-0004
Barnaby Montgomery-Smythe We are happy with the report, although there are two points in section 7 that we would like to discuss.	Unassigned	Waiting	TX-2026-0009
Harper & Co.	Noah Bennett	Closed	Q-1842

A list that fits itself

Every table measures the rows it drew and keeps its columns only while nothing runs past a cell's edge. table-class="min-w-[46rem]" is the narrowest these columns may get; below it each row hands over to its koala-table-stack-row card. Narrow the window to see it

A list that fits itself
Conversation	Assignee	State	Reference
Amelia Hart Thanks, I’ve attached the signed fixtures and fittings form. Could you confirm the next step? Reply needed TX-2026-0004
Amelia Hart Thanks, I’ve attached the signed fixtures and fittings form. Could you confirm the next step?	Priya Shah	Reply needed	TX-2026-0004
Barnaby Montgomery-Smythe We are happy with the report, although there are two points in section 7 that we would like to discuss. Waiting TX-2026-0009
Barnaby Montgomery-Smythe We are happy with the report, although there are two points in section 7 that we would like to discuss.	Unassigned	Waiting	TX-2026-0009
Harper & Co. Closed Q-1842
Harper & Co.	Noah Bennett	Closed	Q-1842

Rows that become cards on their own

No koala-table-stack-row. As the column narrows, Reference goes first (DropOrder 1), then Assignee (DropOrder 2); when even that is not enough, each row becomes a card of its own cells, the first as its heading and the rest beside their column labels

Rows that become cards on their own
Conversation	Assignee	State	Reference
Amelia Hart Thanks, I’ve attached the signed fixtures and fittings form. Could you confirm the next step?	Priya Shah	Reply needed	TX-2026-0004
Barnaby Montgomery-Smythe We are happy with the report, although there are two points in section 7 that we would like to discuss.	Unassigned	Waiting	TX-2026-0009
Harper & Co.	Noah Bennett	Closed	Q-1842

Cards

variant="Cards". The same rows, each reading as its own card

Conversation inbox
Conversation	Assignee	State	Reference
Amelia Hart Thanks, I’ve attached the signed fixtures and fittings form. Could you confirm the next step? Reply needed TX-2026-0004
AH Amelia Hart Thanks, I’ve attached the signed fixtures and fittings form. Could you confirm the next step? 2 attachments	PS Priya Shah London team	Reply needed	TX-2026-0004 Purchase
Barnaby Montgomery-Smythe We are happy with the report, although there are two points in section 7 that we would like to discuss. Waiting TX-2026-0009
BM Barnaby Montgomery-Smythe We are happy with the report, although there are two points in section 7 that we would like to discuss.	Unassigned	Waiting	TX-2026-0009
Harper & Co. Closed Q-1842
HC Harper & Co.	NB Noah Bennett	Closed	Q-1842

API

variant DefaultEmbeddedCards (compulsory: check-design fails a table that names none)

columns

IListColumn[] (label, width, align, DropOrder: which goes first when the columns do not fit, MinWidth: the floor an auto column defaults to 160px)

caption string

rows-id string

density Compact (default; Comfortable for Cards)Comfortable: set by the CALL SITE, never offered to the reader

table-class string (a min-w-… is the narrowest the columns may get before the rows become cards)

dividers bool (default true); false drops Embedded's row lines for a short read-only breakdown

koala-table-cell copy-value string

koala-table-stack-row (optional: the card a row becomes when its columns do not fit; without one the row's own cells become the card)