Table Column Cell
Last updated
Last updated
Use the Table Column Cell
to add columns to a table.
The Table Column Cell
can only be added to a Table Row element.
The Table Column Cell
is usually added to rows inside the table's body section, but it can also be added to rows inside the table head section if required.
Within the table column cell element, you have the freedom to effortlessly drag and drop various elements such as Image, Alert, Badged Text, Link, Text, Heading, Flexible Area, Button, etc. However, it's important to note that certain elements may have specific restrictions. For instance, a Layout Column can only be added to a Layout Row, adhering to its designated usage.
You can set the width of the table column cell in the following ways:
Via the Design Tab by setting the Width available in the Sizing category.
The Options tab settings for this element are described below:
Hover
Controls what happens when the mouse hovers over any part of the column.
The possible values are:
Disabled
This is the default setting with no changes.
Enabled
The entire row is given a gray background.
Clickable
The column is rendered using a gray background and the mouse cursor is changed to a pointer.
Look
Provides a list of pre-defined background colors to use for the column.
You can also customize the background color or any other design attribute via Custom CSS Classes or the Design Tab.
Column Span
A numeric value (greater than 1) indicating the number of columns the cell extends. If not set, it is assumed to be 1. See here for more information.
Row Span
A numeric value (greater than 1) indicating the number of rows the cell extends. If not set, it is assumed to be 1. If set to 0, it extends the column across all the rows of the section.
When the Row Span is set to 0, the column will be extended across all the rows in the section where the column is. e.g. if the column were inside a row of the head section, then this column will extend to all rows in the head section.
See here for more information.