# Form Features - Table

## Overview

The **Table** element is a display style of the [Repeated Sections](https://docs.sharinpix.com/forms/form-sections-and-repeated-sections/sharinpix-form-sections-and-repeated-sections-1) element. It presents a set of predefined questions in a tabular format, where each row represents a separate entry and can contain its own values.

You can add a Table element to a form by selecting **Table** from the left sidebar in the SharinPix Form Builder.

<figure><img src="https://2647402409-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrRD1Xcn9HtKcyfQ9Ghyk%2Fuploads%2FSiv4Mc0r3q1FiwcVwFfB%2FDOC%20SF%20%26%20Mobile.png?alt=media&#x26;token=95dc23b8-b4d6-4b51-81f1-84994abf083a" alt=""><figcaption></figcaption></figure>

You can also create one by adding a **Repeated Sections** element and then changing its **Style** setting to **Table**, as shown below.

<figure><img src="https://2647402409-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrRD1Xcn9HtKcyfQ9Ghyk%2Fuploads%2FrWVbX4cOZUcKZDP2BWGB%2FDOC%20SF%20-%201920%20x%201080%20(50).png?alt=media&#x26;token=09fda78e-7ac9-401a-a23c-24786a458cd4" alt=""><figcaption></figcaption></figure>

### Configure the questions for each column

You can define which questions appear in each column of the table.

To configure questions:

1. In the **Repeated Sections** element settings, click **Edit Section**.

<figure><img src="https://2647402409-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrRD1Xcn9HtKcyfQ9Ghyk%2Fuploads%2FDJazHWYgxjspnWcnq0ao%2FDOC%20SF%20%26%20Mobile%20(1).png?alt=media&#x26;token=83817752-2f76-4cab-8331-54eea9ed111a" alt=""><figcaption></figcaption></figure>

2. In the section editor, use the left sidebar to add the elements you want to appear in each column. Each added element becomes a column in the table. In the example below, two questions have been added, so the table displays two question columns.

<figure><img src="https://2647402409-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrRD1Xcn9HtKcyfQ9Ghyk%2Fuploads%2FG22vfdFvCmaJq8Y1aMYd%2FDOC%20SF%20-%201920%20x%201080%20(51).png?alt=media&#x26;token=7513f2cf-e384-462d-a5de-0559dec09215" alt=""><figcaption></figcaption></figure>

The image below shows the resulting **Table** element with those row questions applied.

<figure><img src="https://2647402409-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrRD1Xcn9HtKcyfQ9Ghyk%2Fuploads%2FuABNlVQSkaITU8no5qkQ%2FDOC%20SF%20-%201920%20x%201080%20(1920%20x%20600%20px)%20(1).png?alt=media&#x26;token=aad06203-0bc4-4d7f-a626-a894b5450289" alt=""><figcaption></figcaption></figure>

### Configuration Options

| Option         | Description                                                                             |
| -------------- | --------------------------------------------------------------------------------------- |
| Use full width | This option removes the width constraint when displaying the table element on the form. |

The image below demonstrates the **Use full width** option enabled for the **Table** element.

<figure><img src="https://2647402409-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrRD1Xcn9HtKcyfQ9Ghyk%2Fuploads%2F35HbfG3yL8wK4LgvFcCY%2FDOC%20SF%20%26%20Mobile%20(2).png?alt=media&#x26;token=5892f3ac-d8c0-406e-a156-e1c5c621f359" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Tip:

All other configuration options for a [Repeated Sections](https://docs.sharinpix.com/forms/form-sections-and-repeated-sections/sharinpix-form-sections-and-repeated-sections-1#configuration-options) element are also available for the "Table" display style.
{% endhint %}

### Configure the default number of rows

A **Repeated Sections** element can be configured with a default number of initial sections. For a **Table** element, this setting determines how many rows are shown by default.

To configure the default number of rows, open the **Default** tab in the **Repeated Sections** element configuration, then click the **+** button to add rows, as shown below.

<figure><img src="https://2647402409-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrRD1Xcn9HtKcyfQ9Ghyk%2Fuploads%2F6vasQosTo2vZvjtxTBJd%2FDOC%20SF%20-%201920%20x%201080%20(53).png?alt=media&#x26;token=4df08091-37bb-4bb3-b7ad-83a6c3764170" alt=""><figcaption></figcaption></figure>
