info-table (legacy docs)

These info-table docs are out of date

New functionality and features were added to info-table in version 4.79.0 of the JourneyApps Runtime. Please refer to the latest docs here.

This component displays a table with a heading and an arbitrary number of rows. Each row contains a left-aligned label and a right-aligned value.

The rows of an info-table are specified using <row> tags. Rows act similarly to the info component.

Not to be confused with object-table, which is used to display a collection of multiple objects, with any number of columns and a header row.

Example

<info-table>
    <row label="Number" value="{item.number}"/>
    <row label="Name" value="{item.name}"/>
    <row label="Resolved?" value="{item.resolved}"/>
</info-table>

Appearance on a mobile device:

Configuration

The <info-table> tag accepts the following configuration options:

Nested Tags

Please refer to the info component for details about the configuration of rows in the table.

Last updated