Table Column Cell

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.


Setting Table Column Cell Width

You can set the width of the table column cell in the following ways:


Options

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.

Last updated