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:

OptionRequiredDetails

show-if

optional

Controls whether the component is hidden or shown. The argument specified to show-if can either be a literal boolean value (true or false), or it can specify a variable, parameter or field that can be a string, number, object, etc. that evaluates to false or evaluates to true. If the component also specifies required="true", but it is hidden, the validation will be ignored/skipped.

hide-if

optional

The opposite of show-if (see above).

Nested Tags

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

Last updated