Display tables
There are two interface elements that are designed to display tables (collections of items) to the user: the cards and table blocks.
The cards block displays each item in the table as a card on a scrollable list of cards, like this:
The table block is a regular table, displaying each item as a row, like this:
The blocks have a lot of the same functionality.
Both let you choose which properties from the table to display
Both let the user search through items in the table
Both let the user select items (single or multiple) from the table
However, only the table block lets users edit items' values.
Setting up the cards block
To display items in a table to the user as a collection of cards…
Add a cards block to an interface
In the setup panel, in the "Data" tab, insert the table you want to display to the user as the data source
Choose a template for the cards; the template determines how many properties from the table will be displayed, and where they will be displayed on the cards
Insert properties from the table into fields in the template
Optionally, you can add titles to the fields of the template:
Setting up the table block
To display items in a table to the user as rows in a table…
Add a table block to an interface
In the setup panel, in the "Data" tab, insert the table you want to display to the user as the data source
Choose the headers from the table that you want to display (from left to right)
Searching items
To allow the user to search through items in the table or cards block, enable Find (under "Controls" in the setup panel).
Selecting items and output data
To allow the user to select items from in the table or cards block, enable Select (under "Controls" in the setup panel). When both Select and Multiselect are enabled, the output data for the block will be a table containing the selected items.
When only Select is enabled, the output data for the block will be all of the properties of the selected item (not a table).
Last updated