Expandable Rows Table
ProRows with a caret that opens a full-width detail panel.
| Order | Customer | Placed | Status | Total | |
|---|---|---|---|---|---|
| #3901 | Wen Li | Aug 24 | Shipped | $148.00 | |
| #3902 | Aisha Bello | Aug 25 | Packing | $42.00 | |
| #3903 | Tomas Vega | Aug 25 | Delivered | $320.00 |
A plain semantic table, one caret per row. Expansion is a set of ids, so more than one row can be open at once (pass singleOpen to change that); the detail row spans every column and grows by height with a reduced-motion path that skips straight to open. The panel content is a render prop, here a two-up of line items and shipping address, but it takes any node including a nested table.
This component installs from the private registry, which opens with Pro. The command and the one-time setup are shown here once your licence key is in this browser.
6 sections, and every other premium component
The preview above is the real Expandable Rows Table, running. One purchase opens the sections above on this page and on every other component in the library.