> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Configure Show Columns

> Learn how to optimize data viewing and operations by customizing the fields displayed as columns. This document covers the feature overview, usage instructions, and supported components.

## 1. Configure Show Columns

### 1.1 Feature Overview

By customizing the displayed fields, you can view only the fields relevant to your work, reduce information noise, and focus on key data. Select the fields you want to display based on your needs to improve the efficiency of data viewing and operations.

### 1.2 Usage

#### 1) Entry Point

* App editors: sign in to the YiDA workbench, go to the data management page, and click **Show columns**. The field display settings dialog appears.

* App users: sign in to the YiDA workbench and click **Show columns**. The field display settings dialog appears.

#### 2) Configure Field Order

* Select **Drag to sort** at position 1. The field order of the current form data updates immediately based on the drag order.

* Select **Freeze column** at position 2. The current form data field becomes a frozen column immediately. As you scroll the spreadsheet, the specified columns remain visible and do not move with horizontal scrolling. These columns usually contain key information such as identifiers, names, and dates, so you can always see this critical information while browsing data in other columns.

#### 3) Configure Field Scope

* Enter a keyword in the search box to search fields in real time based on your input, as shown below:

* Select or clear other fields to customize the displayed content. These fields come from the component fields of the current form. The displayed fields update in real time based on your selection.

* Select all or clear all is supported, making it easier to configure displayed fields in bulk.

#### 4) Confirm the Settings

##### 1. Edit mode - **App editor**

* After you click a blank area, the customized display items appear in the data instance display columns. The column content comes from the data values submitted through the corresponding component fields on the form or process page.
* After you click **Save**, the current settings are saved and applied to view mode.

##### 2. View mode - **App user**

* Open the app and go to the data management page. By default, the form display settings saved by the app editor are shown.
* Click **Show columns** to make the relevant configurations. See steps 2 and 3 for details.
* Click **Show columns** again to close the settings dialog.

<Warning>
  After the **app user** refreshes the page, the current form order settings remain unchanged. To restore the default settings (the order uniformly set by the app editor), open your browser and clear the cache. Take Chrome as an example. The steps are as follows:
</Warning>

### 1.3 Component Support

The following table shows which component types support configuring show columns:

<table>
  <tr>
    <td>**Component type**</td>
    <td>**Component name**</td>
    <td>**Show columns supported**</td>
  </tr>

  <tr>
    <td rowSpan={14}>**Common components**</td>
    <td>Single-line text</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>Multi-line text</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>Numerical</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>Rating</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>Single select</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>Multiple select</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>Date range</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>Date</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>User</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>Image upload</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>Attachment</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>Subform</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>ID number</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>Phone number</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td rowSpan={19}>**Premium components**</td>
    <td>Dropdown single select</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>Dropdown multiple select</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>Cascading select</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>Group</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>Country/Region</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>Department</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>Address</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>Location</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>Associated form</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>Associated query</td>
    <td>❌ Not supported</td>
  </tr>

  <tr>
    <td>Serial number</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>Word template</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>Signature</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>Organization</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>UnionPay</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>Smart invoice</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>Budget control</td>
    <td><ul><li>Supported</li></ul></td>
  </tr>

  <tr>
    <td>Rich Text</td>
    <td>❌ Not supported</td>
  </tr>

  <tr>
    <td>Image and text display</td>
    <td>❌ Not supported</td>
  </tr>
</table>