column-group
Overview
Columns in an object-table
can be grouped to indicate categories or cater for more sophisticated use cases.
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
heading
Optional
Type: string
Default value: unset
Text to appear in the header position of the column-group
.
Advanced Attributes
collapsed
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
show-ifhide-ifshow-if
and hide-if
Last updated