column-group

Overview

Version compatibility

column-group was introduced in version 4.70.0 of the JourneyApps Runtime.

Columns in an object-table can be grouped to indicate categories or cater for more sophisticated use cases.

See more information in the guide on object-table column groups.

Basic Example

<object-table ...>
    <column-group heading="Group 1">
        <column heading="Column 1">{col1}</column>
        <column heading="Column 2">{col2}</column>
    </column-group>

    <column-group heading="Group 2">
        <column heading="Column 3">{col3}</column>
        <column heading="Column 4">{col4}</column>
    </column-group>
</object-table>

Standard Attributes

heading

Optional

Type: string

Default value: unset

Text to appear in the header position of the column-group.

Advanced Attributes

collapsed

Optional

Type: boolean

Default value: false

Use the collapsed attribute to put an entire group into a collapsed or expanded state. Unlike show-if and hide-if, column groups will remain visible but are represented as a vertical bar in-place of the group itself.

show-if and hide-if

pageshow-ifpagehide-if

Last updated