Live Data Layouts
Reference
A layout handles how the entries are arranged on screen. A reader can switch freely between the layouts allowed by the author, which can be:
| Id | Name | Arranges the entries as |
|---|---|---|
| table | Table | One row per entry, one column per property |
| cards | Cards | One card per entry, laid out in a grid |
Table
One row per entry, one column per property.
Sorting and filtering are available from the column headers. Dragging a column header, or pressing the left and right arrow keys while it is focused, moves that property. Columns are resized by dragging the handle that appears between two headers when hovering them; double-clicking that handle, or pressing "Escape" while it is focused, restores the original width.
On a narrow screen the table reorganizes itself so every property stays available.
When no entry matches (because the Live Data is empty, or all the entries are filtered out), a "(No entries)" message is displayed in the bar under the entries.
Cards
One card per entry, arranged in a grid.
There are no column headers, so sorting and filtering are done from the Sort and Filter panels. Inside a card, each property carries a "⋮" handle that drags it to another position. When no entry matches, the "(No entries)" message is displayed under the cards, as it is in the Table layout.
Selection
When the author enables selection, each entry contains a checkbox that can be ticked for batch actions.
FAQ
How do I switch to another layout?
Open the "More Actions" menu on the right of the Live Data and pick it there. Only the layouts the author listed are offered.
Why is the column width I set lost when I come back to the page?
Because column widths are not part of the state stored in the page URL, unlike the sort, the filters and the visible properties.
Can I reorder the properties in the Cards layout?
Yes, by dragging the "⋮" handle of a property inside a card, or from the Properties panel.
