JourneyApps Legacy Docs
Return to JourneyApps Docs
  • UI Components
    • button (v1) (deprecated)
    • button (v2) (deprecated)
    • capture-coordinates (legacy docs)
    • capture-file (legacy docs)
    • capture-signature (legacy docs)
    • display-file (legacy docs)
    • display-signature (legacy docs)
    • info-table (legacy docs)
    • list (legacy docs)
    • menu (deprecated)
    • object-dropdown (legacy docs)
    • object-table (v1) (deprecated)
    • object-table (v2) (deprecated)
    • scan-barcode (legacy docs)
    • single-choice-dropdown (legacy docs)
  • JS/TS APIs
    • dialog (deprecated)
    • confirmDialog (deprecated)
    • generateCSV (deprecated)
    • saveFile (deprecated)
  • Other Features
    • Access Control Rules (deprecated)
    • Global View (app.xml) (deprecated)
    • Linking Views (deprecated)
    • Sync Rules v1 (deprecated)
  • Sync Rules v2 (legacy docs)
    • Migrating to Sync Rules v2
  • Manage App Users (deprecated)
Powered by GitBook
On this page
  • Example
  • Configuration
  • Nested Tags
  1. UI Components

info-table (legacy docs)

Previousdisplay-signature (legacy docs)Nextlist (legacy docs)

Last updated 2 years ago

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 .

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:

Option
Required
Details

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.

here