# Table Row

<div align="left"><figure><img src="https://3401585094-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmnBepgycwgisXr9ya1N4%2Fuploads%2FM4pH5MNSSYokh0F812wk%2Fimage.png?alt=media&#x26;token=354aad06-1b8a-456a-9a88-793e80802629" alt="" width="76"><figcaption><p>Table Row Element</p></figcaption></figure></div>

The **`Table Row`** element represents a row of information inside a [Table](https://docs.zingy.ai/app-editor/page-editor/built-in-elements/table) element. A table row contains one or more columns in the form of [Table Heading Cell](https://docs.zingy.ai/app-editor/page-editor/built-in-elements/table-heading-cell) or [Table Column Cell](https://docs.zingy.ai/app-editor/page-editor/built-in-elements/table-column-cell) elements.

{% hint style="info" %}
A **`Table Row`** can only be added to the table head or table body sections. Additionally the only elements that can be added to the table row are [Table Heading Cell](https://docs.zingy.ai/app-editor/page-editor/built-in-elements/table-heading-cell) or [Table Column Cell](https://docs.zingy.ai/app-editor/page-editor/built-in-elements/table-column-cell) .
{% endhint %}

***

## Options

The [Options tab](https://docs.zingy.ai/app-editor/page-element-settings#options-tab) settings for this element are described below:

### `Hover`

Controls what happens when the mouse hovers over any part of the row.

The possible values are:

* Disabled

  This is the default setting with no changes.
* Enabled

  The entire row is given a gray background.
* Clickable

  The row 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 row.&#x20;

You can also customize the background color or any other design attribute via [Custom CSS Classes](https://docs.zingy.ai/app-editor/page-element-settings#custom-css-classes) or the [Design Tab](https://docs.zingy.ai/app-editor/page-element-settings#design-tab).