# Display Settings

Customize the visual appearance properties of your table to match your desired style and format.

<figure><img src="https://608526116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdpYgiTFFEktmDlcxUGTv%2Fuploads%2FQ3HA8NIjdjKAS5zmWP3M%2Fimage.png?alt=media&#x26;token=5ba02add-2526-4921-9938-282949d62ea6" alt=""><figcaption><p>Appearance properties</p></figcaption></figure>

## 1. Font

This option lets you choose your preferred font style for the table.&#x20;

<figure><img src="https://608526116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdpYgiTFFEktmDlcxUGTv%2Fuploads%2FyAmKNU2ZXhydqRxo7jOI%2Fimage.png?alt=media&#x26;token=3c761e71-884e-4b37-84e9-40f902d39403" alt=""><figcaption><p>Font styles</p></figcaption></figure>

## 2. Font Size

Using this option you can adjust the font size in the table.

## 3. Canvas

The canvas section contains options to set the overall appearance of the visual.

* **Theme**
* **Text**
* **Header Text**
* **Header Text Orientation**

### **3.1. Theme**

The theme option lets you change the theme of the EDITable visual to 'Light' or 'Dark'. The image below shows the dark theme.

<figure><img src="https://608526116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdpYgiTFFEktmDlcxUGTv%2Fuploads%2FHUbzDJEowagzikJrGD4P%2Fimage.png?alt=media&#x26;token=18372e4b-adae-4dc9-a47b-26be3c3ef64f" alt=""><figcaption><p>Dark theme</p></figcaption></figure>

### **3.2. Text**

You can change the color of the text/values in the visual using this option.

<figure><img src="https://608526116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdpYgiTFFEktmDlcxUGTv%2Fuploads%2FQ9pYPYgbyCrwj0sJc6UQ%2Fimage.png?alt=media&#x26;token=78710546-d5cf-4e26-87a2-cc511164e172" alt=""><figcaption><p>Text color</p></figcaption></figure>

### **3.3. Header Text**

You can change the color of the header text in the visual using this option.

<figure><img src="https://608526116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdpYgiTFFEktmDlcxUGTv%2Fuploads%2FzBvLTjnFtkMzb82fMYC1%2Fimage.png?alt=media&#x26;token=24dc756a-eec6-4661-8683-a35876322414" alt=""><figcaption><p>Header color</p></figcaption></figure>

### **3.4. Header Text Orientation**

This option lets you set the orientation of the header text: horizontal, vertical, clockwise, and counter-clockwise.

<figure><img src="https://608526116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdpYgiTFFEktmDlcxUGTv%2Fuploads%2FvjbjMwvu8rXFGa810CQZ%2Fimage.png?alt=media&#x26;token=84d54e8d-e415-4ecd-803a-be6c7154a72d" alt=""><figcaption><p>Header text orientation</p></figcaption></figure>

### 3.5. Options Background Color

Change the background color of single-select and multi-select dropdown options using this option.

<figure><img src="https://608526116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdpYgiTFFEktmDlcxUGTv%2Fuploads%2F0tNuMLCTDyVuHHUp9kps%2Fimage.png?alt=media&#x26;token=d2013f20-5dc2-4b50-8a17-1259b61d5425" alt=""><figcaption><p>Options Background Color</p></figcaption></figure>

## 4. Insert Row Using Form

If this option is checked, inserting a row will display a form where you can enter data instead of directly typing it into the cell.

<figure><img src="https://608526116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdpYgiTFFEktmDlcxUGTv%2Fuploads%2FNwKIdpDOZnaQiFJ2u3Mi%2Fimage.png?alt=media&#x26;token=7ae6e171-31b8-4309-a27e-6d6ece496d2f" alt=""><figcaption><p>Insert row using form</p></figcaption></figure>

## 5. Row Highlight

This option allows you to highlight the rows in the report. The various row highlight options are:

* **Row Hover**
* **Row Alternate**
* **Row Alternate Contrast**
* **Row Alternate Flashy**
* **Off**

### **5.1. Row hover**

Highlights the row upon hovering over them. By default, all the tables are configured with the 'Row Hover' highlight option. The following options are displayed in this type:

**Row text color** - This option allows you to set the text color of the row on hover.

**Row background color** - This option allows you to set the background color of the row on hover.

<figure><img src="https://608526116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdpYgiTFFEktmDlcxUGTv%2Fuploads%2FyzC6HEqaX5ncJmLkfLHV%2Fimage.png?alt=media&#x26;token=822ba17f-cfac-4973-84bd-b5726e140ed5" alt=""><figcaption><p>Row hover</p></figcaption></figure>

### **5.2. Row alternate**

This option highlights alternate rows. All of the row highlight options are customized with predefined colors. If you enable this option, the following options are displayed:

**Odd row** - This option allows you to set the color of the odd rows.

**Even row** - This option allows you to set the color of the even rows.

<figure><img src="https://608526116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdpYgiTFFEktmDlcxUGTv%2Fuploads%2Fy20P4KfxDmHjx4eFYELh%2Fimage.png?alt=media&#x26;token=e98879b9-8fa3-4901-9a99-e8476792a18f" alt=""><figcaption><p>Row alternate</p></figcaption></figure>

### **5.3. Row alternate contrast**

This option highlights the odd and even rows with contrasting color shades by default. If you enable this option, the **Odd row** and **Even row** options are displayed.

<figure><img src="https://608526116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdpYgiTFFEktmDlcxUGTv%2Fuploads%2FpscPjsyMgRnKp61AblsJ%2Fimage.png?alt=media&#x26;token=12106201-a5db-4c19-b02e-6476d6b6d273" alt=""><figcaption><p>Alternate contrast</p></figcaption></figure>

### **5.4. Row alternate flashy**

This option highlights the odd and even rows with flashy color shades. If you enable this option, the **Odd row** and **Even row** options are displayed.

<figure><img src="https://608526116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdpYgiTFFEktmDlcxUGTv%2Fuploads%2FhDjgB0BgEurTbwdEuma9%2Fimage.png?alt=media&#x26;token=04d0e4a5-0528-47bd-9667-bb2c6b55b6a7" alt=""><figcaption><p>Alternate flashy</p></figcaption></figure>

You can remove the row highlight by selecting the **Off** option from the drop-down.

<figure><img src="https://608526116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdpYgiTFFEktmDlcxUGTv%2Fuploads%2F3KEbfopgc5kwfGWZLwZ3%2Fimage.png?alt=media&#x26;token=5787d249-9ee5-4180-9419-44204b9284d4" alt=""><figcaption><p>Row Highlight Off</p></figcaption></figure>

## 6. Table Padding

This option allows you to insert spacing/padding for the table from the top, bottom, left, and right. The minimum and maximum padding values are 0 and 100 respectively.

<figure><img src="https://608526116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdpYgiTFFEktmDlcxUGTv%2Fuploads%2FkqHHKFjleiiSM8Ax23be%2Fimage.png?alt=media&#x26;token=ec8c3618-64cc-408b-a457-612cfaafae90" alt=""><figcaption><p>table padding</p></figcaption></figure>

## 7. Gridlines

You can add **Horizontal**, **Header**, and **Vertical** properties for gridlines.

### **7.1. Horizontal**

This option lets you set the horizontal gridlines for the rows. You can select from the following options:

* **Solid lines**
* **Dashed lines**
* **Off**

If the 'Solid Lines' or 'Dashed Lines' option is selected for the horizontal gridlines, then a color picker is enabled. Using the color picker, you can customize the color of the single/double horizontal gridlines. You can also set the number of rows to skip between 2 consecutive lines.

<figure><img src="https://608526116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdpYgiTFFEktmDlcxUGTv%2Fuploads%2FxgnXL37ORVLwCsagFABM%2Fgridline.gif?alt=media&#x26;token=6dd6fc4a-cc1b-4d0b-9c2c-10f7f1714c32" alt=""><figcaption><p>Horizontal gridlines</p></figcaption></figure>

### **7.2. Skip lines**

This option allows you to set the grid line gap between the rows. The minimum and maximum skip line values are 1 and 10 respectively.

<figure><img src="https://608526116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdpYgiTFFEktmDlcxUGTv%2Fuploads%2FXL8YUQlmi8nm1COrzU5N%2Fimage.png?alt=media&#x26;token=8ba275e8-c19f-4000-932c-2be735aca07b" alt=""><figcaption><p>Skip lines</p></figcaption></figure>

### **7.3. Header**

This option lets you insert gridlines for the column headers. If this option is enabled, then a color picker option becomes available next to it. Using the color picker option you can customize the color of the header gridline.

The color of the header gridline is the same as that of the horizontal gridlines by default.

If you change the color of the header gridline, the color of the horizontal gridlines also gets changed accordingly.

<figure><img src="https://608526116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdpYgiTFFEktmDlcxUGTv%2Fuploads%2FwiQVyDZmIKgkz9jHGtAE%2Fimage.png?alt=media&#x26;token=19670128-3591-466d-9bec-6e03458b3e9a" alt=""><figcaption><p>Headet gridline</p></figcaption></figure>

### **7.4. Vertical**

This option lets you insert vertical lines between columns. You can select from the following options:

* **Solid -** This option will insert solid vertical lines to the right of each column.
* **Off** - This option will turn off the vertical lines

If the 'Solid lines' option is selected for the vertical lines, a color picker option is enabled. Using the color picker you can customize the color of the solid vertical lines.

<figure><img src="https://608526116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdpYgiTFFEktmDlcxUGTv%2Fuploads%2F0UiSVQ6x7ciPgflbjtdI%2Fimage.png?alt=media&#x26;token=853a5c77-6419-42a3-aaeb-25c9bb361ebe" alt=""><figcaption><p>Vertical gridline</p></figcaption></figure>

## 8. Outline <a href="#id-3.-outline" id="id-3.-outline"></a>

This option allows you to set the outline for the visual. If you enable this option, a color picker is enabled. The color picker allows you to select the color of the outline.&#x20;

<figure><img src="https://608526116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdpYgiTFFEktmDlcxUGTv%2Fuploads%2F0yzGEAKppeRkfaJGfKyd%2Fimage.png?alt=media&#x26;token=1ffdbce0-3884-41d9-9dde-7967e3937902" alt=""><figcaption><p>Outline</p></figcaption></figure>
