# Legend

Configuring a data table legend using HTML formatting is an important step in clearly conveying the meaning of the data within the table. **A legend provides** **definitions or descriptions for each data element in the table, helping users understand and interpret the information more easily.** This is particularly essential for complex datasets, as it enhances the user experience and ensures clarity in communication.

***

### :small\_orange\_diamond:  Steps to Configure the Legend

1. Click the **Insert HTML** button.<br>

   <figure><img src="https://3800415611-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNuSjRiJMvVhtdzNDzWBi%2Fuploads%2FXhIq18AVyYxzYopTfIvo%2Fimage.png?alt=media&#x26;token=1e8662cb-20f7-4284-916f-e3dced9b4645" alt="" width="336"><figcaption><p>기본 설정 화면</p></figcaption></figure>
2. Choose either **HTML Tag or HTML Editor**, enter the desired value, and click the Save button.

{% tabs %}
{% tab title="HTML Tag" %}
**Manually write HTML code** to define the legend.

<figure><img src="https://3800415611-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNuSjRiJMvVhtdzNDzWBi%2Fuploads%2Fq5o1pRlo1KlXl6X5DJnQ%2Fimage.png?alt=media&#x26;token=55b5fa12-2fdb-4d05-8ad4-5e9c7ffdf744" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="HTML Editor" %}
Use the **built-in HTML editor** to create the legend.

<figure><img src="https://3800415611-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNuSjRiJMvVhtdzNDzWBi%2Fuploads%2Fajg9OrIBNxmPLl0ye0Ot%2Fimage.png?alt=media&#x26;token=8ceba0ef-87e0-426d-b886-5347f4510036" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

3. Verify that the configured legend is **displayed correctly in the Preview Panel.**

<figure><img src="https://3800415611-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNuSjRiJMvVhtdzNDzWBi%2Fuploads%2F7RTdRM3cBlcuG65SjZf2%2Fimage.png?alt=media&#x26;token=f7b63bf8-2fa9-4ccd-9565-a685835c982a" alt="" width="563"><figcaption></figcaption></figure>