---
schema_version: "1"
id: 43ca5bddab75be060d3964db88588f686d570afd4ad5015a2821bc1b59b01524
title: Edit Columns in a Data Table
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/siteforce_data_table_column.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.siteforce_data_table_column.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 8bb76f12f4d696a605d2c77a43ee189b807b9fd9c6507c34561ba38cdeaa1229
description: A data table's columns bind to the fields of the object it's connected to. Each column cell acts as a placeholder that is replaced with the field's data when the page loads.
products:
  - Salesforce Platform
  - Security
release: "264"
---
# Edit Columns in a Data Table

A data table's columns bind to the fields of the object it's connected to. Each column cell acts as a placeholder that is replaced with the field's data when the page loads.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition">
        <colgroup>
          <col>
        </colgroup>
        <tbody>
          <tr class="">
            <td class="slds-cell-wrap" style="vertical-align:top;">Available in: Salesforce Classic</td>

          </tr>
          <tr class="">
            <td class="slds-cell-wrap" style="vertical-align:top;">
              <p>Available for purchase in: <strong>Enterprise</strong>, <strong>Performance</strong>,
                and <strong>Unlimited</strong> Editions</p>
              <p style="margin-bottom:0;">Available (with limitations) in:
                <strong>Developer</strong> Edition
              </p>
            </td>

          </tr>
        </tbody>
      </table> <table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="text-align:center;vertical-align:top;" id="d67026e74">User
              Permissions Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d67026e74 ">To build, edit, and manage Site.com sites:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d67026e74 ">
              <p><samp class="parmname">Site.com Publisher User</samp> field enabled on the
                user detail page</p>
              <p>AND</p>
              <p style="margin-bottom:0;">Site administrator or designer role
                assigned at the site level</p>
            </td>

          </tr>
        </tbody>
      </table>

You can display plain text, formatted text (for dates and numbers), or images in the column cells. You can also add hyperlinks to column cells to allow site visitors to navigate to another page, such as a detailed description, or to refresh the data displayed in the data table based on their selection. See [Data Filtering Examples](https://help.salesforce.com/s/articleView?id=platform.siteforce_data_repeater_examples.htm&release=264.0.0&type=5 "When working with data repeaters, data tables, and data functions, you can filter the data you retrieve in many ways. In this topic, we explore two options— fixed values and URL query strings—to illustrate some common filtering techniques.").

To edit a column:

1. Double-click the column cell in the data table.
2. Select the field to display. To [customize how the field's data is displayed](https://help.salesforce.com/s/articleView?id=platform.siteforce_data_merge_fields.htm&release=264.0.0&type=5 "Site.com uses expression language to display data dynamically. Expressions serve as placeholders for data that is replaced with information when the page loads. When working with data-bound page elements or custom widget properties, you can use expressions to customize how data is displayed on the page."), click **Customize**.
    
    ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/images/icon_note.png)
    
    Note The object's fields are listed first, followed by the fields of all [parent objects](https://help.salesforce.com/s/articleView?id=platform.siteforce_data_nested_overview.htm&release=264.0.0&type=5 "Standard and custom objects have relationships that define how records in one object relate to records in another. For example, the Accounts object has a one-to-many relationship with the Contacts object—that is, each account can have one or more contacts associated with it. This relationship is also known as a parent-to-child or a master-detail relationship."), which use the format parent\_object\_name.field\_name.
3. Select the display type.
    
    <table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
            <colgroup>
              <col style="width:50%">
              <col style="width:50%">
            </colgroup>
            <thead class="slds-text-title_caps ">
              <tr class="">
                <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d67026e175">Option</th>
                <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d67026e178">Description</th>
              </tr>
            </thead>
            <tbody>
              <tr class="">
                <td data-label="Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d67026e175 ">
                  <strong class="uicontrol">Text</strong>
                </td>

                <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d67026e178 ">Lets you display the field's data as plain text.</td>

              </tr>
              <tr class="">
                <td data-label="Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d67026e175 ">
                  <strong class="uicontrol">Formatted text</strong>
                </td>

                <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d67026e178 ">If you're working with dates, times, or currency, lets
                  you choose from several text display formats.</td>

              </tr>
              <tr class="">
                <td data-label="Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d67026e175 ">
                  <strong class="uicontrol">Image</strong>
                </td>

                <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d67026e178 ">
                  <p>If the field contains an image URL, lets you display the
                    field's data as an image. The URL can be absolute or <a href="https://help.salesforce.com/s/articleView?id=platform.siteforce_data_assets_storage.htm&amp;release=264.0.0&amp;type=5" title="Because websites built with Site.com are publicly available, site visitors don't have the security privileges required to view images and documents stored in your Salesforce objects, which are available to authenticated users only.">relative to the site</a>.</p>
                  <p style="margin-bottom:0;">You
                    can also select a field to use for the alternative text
                    or enter custom text.</p>
                </td>

              </tr>

            </tbody>
          </table>
4. To create a hyperlink, select Add a hyperlink. Otherwise, go to step 8.
5. Select the link type.
    
    <table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
            <colgroup>
              <col style="width:50%">
              <col style="width:50%">
            </colgroup>
            <thead class="slds-text-title_caps ">
              <tr class="">
                <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d67026e263">Option</th>
                <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d67026e266">Description</th>
              </tr>
            </thead>
            <tbody>
              <tr class="">
                <td data-label="Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d67026e263 ">
                  <strong class="uicontrol">A URL</strong>
                </td>

                <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d67026e266 ">
                  <p>Lets you link to a Web page by:</p>
                  <ul>
                    <li>Choosing a field that you want to reference, such as
                      a field that stores the relative URLs of PDFs you
                      uploaded to your site.</li>
                    <li>Choosing a field that you want to reference and
                      clicking <strong class="uicontrol">Customize</strong> to add an
                      absolute URL or to <a href="https://help.salesforce.com/s/articleView?id=platform.siteforce_data_merge_fields.htm&amp;release=264.0.0&amp;type=5" title="Site.com uses expression language to display data dynamically. Expressions serve as placeholders for data that is replaced with information when the page loads. When working with data-bound page elements or custom widget properties, you can use expressions to customize how data is displayed on the page.">create a custom
                        link</a>, such as a URL query string.</li>
                  </ul>
                </td>

              </tr>
              <tr class="">
                <td data-label="Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d67026e263 ">
                  <strong class="uicontrol">An item in your site</strong>
                </td>

                <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d67026e266 ">
                  <p>Lets you link to a page, image, or file in the site by
                    selecting the item type and then selecting the item. (If you
                    can't see the list of items, place your cursor in the
                    <samp class="parmname">URL</samp> field and press the DOWN key on
                    your keyboard.)
                  </p>
                  <p style="margin-bottom:0;">You can also <a href="https://help.salesforce.com/s/articleView?id=platform.siteforce_data_merge_fields.htm&amp;release=264.0.0&amp;type=5" title="Site.com uses expression language to display data dynamically. Expressions serve as placeholders for data that is replaced with information when the page loads. When working with data-bound page elements or custom widget properties, you can use expressions to customize how data is displayed on the page.">customize the
                      URL</a>—for example, by creating a URL
                    query string.</p>
                </td>

              </tr>
              <tr class="">
                <td data-label="Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d67026e263 ">
                  <strong class="uicontrol">An email</strong>
                </td>

                <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d67026e266 ">
                  <p>Lets you link to an email message by entering the
                    recipient's address, and the message subject and body.</p>
                  <p>You
                    can use merge fields to access the object's fields. For
                    example, if an object has an <samp class="parmname">Email</samp>
                    field, enter the merge field, such as
                    <samp class="parmname">{!email}</samp>, in the Email address
                    text box.
                  </p>
                  <p style="margin-bottom:0;">When the link is clicked, it opens a new
                    message window in the user's email client and adds the
                    appropriate email address to the To: field.</p>
                </td>

              </tr>
            </tbody>
          </table>
6. Optionally, enter a tooltip by selecting the required field or clicking **Customize** to add custom text.
    
    The tooltip displays as a pop-up when the user hovers over the link.
7. If you're linking to a URL or an item in your site, specify where the item opens.
    
     
    | Option | Description |
    | --- | --- |
    | **Popup window** | Loads the item into a window. When you select this option, you can set the title for the popup and control its appearance and size with the options that appear. |
    | **New window (\_blank)** | Loads the item into a new, unnamed browser window. |
    | **Same window (\_self)** | Loads the item into the same frame or window as the link. This setting is the default. |
    | **Topmost window (\_top)** | Loads the item into the topmost parent frameset or window of the frame that contains the link. |
    | **Parent window (\_parent)** | Loads the item into the parent frameset or window of the frame that contains the link. |
8. Click **Save**.

The column is displayed on the page as an expression. To test the output, [preview the page](https://help.salesforce.com/s/articleView?id=platform.siteforce_preview.htm&release=264.0.0&type=5 "Contributors, designers, and site administrators can preview site pages to see how they look when rendered in a browser window. It's always a good idea to make sure your changes are displayed correctly, as this preview is how the pages appear on the live site.").

To change the name of a column, select the column cell and update the name in the Column Heading field of the Properties pane.

#### See Also

- [Dynamically Retrieve Data with Data Tables](https://help.salesforce.com/s/articleView?id=platform.siteforce_data_table.htm&release=264.0.0&type=5 "Use a data table to connect to a standard or custom Salesforce object, retrieve a dataset based on the filter criteria that you specify, and display one or more record as rows in the table.")
- [Site.com Data Services Overview](https://help.salesforce.com/s/articleView?id=platform.siteforce_data_overview.htm&release=264.0.0&type=5 "Site.com data services combine many features that let you connect to standard and custom Salesforce objects. Retrieve data from your organization's objects and dynamically display it on your site pages, or alternatively, gather and submit data from your customers. And when you update data in your Salesforce object, the changes are reflected automatically on the live site—no site updates required!")