# Add and Configure Columns

**Columns displayed in the compact list configurator can be added and managed to enhance the user experience.** **Up to 5 columns can be configured**, and the Import List Columns button allows for seamless integration of existing List Configurator settings. Additionally, composite configurations enable detailed record information to be effectively displayed, providing users with richer insights.

***

### :small\_orange\_diamond: Steps to Add Columns

1\. Click the **Add Columns** button.

<figure><img src="https://3800415611-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNuSjRiJMvVhtdzNDzWBi%2Fuploads%2FG7SdFtnEyoCDRw4mGmTI%2Fimage.png?alt=media&#x26;token=a242779e-d13a-439c-b419-709811f5a9d5" alt="" width="336"><figcaption><p>Compact Setup</p></figcaption></figure>

2\. In the field selection screen, choose the field to add and click the **Add** button.

<figure><img src="https://3800415611-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNuSjRiJMvVhtdzNDzWBi%2Fuploads%2F9De5vofg8wA8SuF22XNE%2Fimage.png?alt=media&#x26;token=71211422-1964-437a-bba1-09bd09fe78e6" alt="" width="563"><figcaption><p>Add Columns Modal</p></figcaption></figure>

***

### :small\_orange\_diamond: Import Columns from List

1\. Click the Import List Columns button.

<figure><img src="https://3800415611-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNuSjRiJMvVhtdzNDzWBi%2Fuploads%2F1okiM95vWUE4uj3KMfwr%2Fimage.png?alt=media&#x26;token=cebb4fab-c926-4d97-b3e7-6cdd0bc4502e" alt="" width="336"><figcaption><p>Compact Setup</p></figcaption></figure>

2\. In the field selection screen, choose the field to add and click the **Add** button. Fields can be selected based on those already added to the Datatable.

<figure><img src="https://3800415611-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNuSjRiJMvVhtdzNDzWBi%2Fuploads%2FgsPq46Bzl6NTOowHF11J%2Fimage.png?alt=media&#x26;token=4612a0f0-caa5-419b-ae71-8c6b8cbdd0f5" alt="" width="563"><figcaption><p>List Columns</p></figcaption></figure>

***

### :small\_orange\_diamond: Steps to Add Subcolumns

{% hint style="warning" %}
To configure subcolumns, the first column must be set as composite by enabling the Set First Column as Composite option.
{% endhint %}

1\. Click the **Add Subcolumns** button.

<figure><img src="https://3800415611-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNuSjRiJMvVhtdzNDzWBi%2Fuploads%2FGD1gFmqpQ3qeWtLZdlOf%2Fimage.png?alt=media&#x26;token=5dec555a-91be-442a-bbac-d3b92cfccdad" alt="" width="325"><figcaption><p>Compact Setup</p></figcaption></figure>

2\. In the subcolumn addition screen, select the field to use and click the **Add** button.

<figure><img src="https://3800415611-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNuSjRiJMvVhtdzNDzWBi%2Fuploads%2FNL50xfWk2QcrY7Icgugb%2Fimage.png?alt=media&#x26;token=cc5ddefb-6394-4bd6-a693-a7b2b98af29f" alt="" width="563"><figcaption><p>Add Subcolumns Modal</p></figcaption></figure>

***

### :small\_orange\_diamond: Steps to Edit Columns

1\. In the compact configurator settings screen, click the edit icon for the column you want to modify.

<figure><img src="https://3800415611-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNuSjRiJMvVhtdzNDzWBi%2Fuploads%2FECnBzX8R8KSw3mtjMdUF%2Fimage.png?alt=media&#x26;token=496ce67e-c792-4628-b3ac-2b3d289c1880" alt="" width="323"><figcaption></figcaption></figure>

2\. Configure the column settings. For fields of text or picklist types, additional editing options are available.\
[Learn more about editing by type >](https://help.smallbuilder.com/smallbuilder-lists/builder-setup-steps/compact-configurator-setup/add-and-configure-columns/editing-by-column-type)

3\. Click the **Save** button to save the changes.
