Table Heading Cell

Table Heading Cell

Use the Table Heading Cell to add heading columns to a table.

The Table Heading Cell can only be added to a Table Row element.

The Table Heading Cell is usually added to rows inside the table's head section, but it can also be added to rows inside the table body section if required.

Within the table heading 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 Heading Cell Width

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

• Custom CSS Classes

• Via the Design Tab by setting the Width available in the Sizing category.

---

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.

Scope

Allows you to specify whether this cell relates to a row or column. Please note that this has no visual effect, but can be used by screen readers.

The possible values are:

• Default

  Automatically determined by the browser

• Row

  Specifies that this cell is a header for a row.

• Column

  Specifies that this cell is a header for a column.