> ## Documentation Index
> Fetch the complete documentation index at: https://www.domo.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Explore Data with Table Elements in App Studio

## Intro

Domo has many powerful tools for data analysis and visualization, like DataSet Views and Analyzer. App Studio brings more of these tools together in one place.

When you add a table to your App Studio app, you can explore your data in a spreadsheet-like interface with functionality formatting, aggregating, grouping, resizing columns, and adding a new calculation.

In App Studio View mode, you and your app users can interact with tables the way you do on dashboards. Learn how to [interact with tables](/docs/s/article/360043429573#interact-with-table-charts).

<Warning>
  **Important:** This functionality is also available for existing tables in App Studio. Select a table element to open the configuration panel and select **Edit in Place**.

  <Frame>
    <img alt="edit in place.jpg" src="https://mintcdn.com/domoinc/1L_ymAWeSuQzHajN/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003w9KX.jpg?fit=max&auto=format&n=1L_ymAWeSuQzHajN&q=85&s=c49ce2ae32131b387fdac1a676fc9b5e" width="1157" height="482" data-path="images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003w9KX.jpg" />
  </Frame>
</Warning>

***

## Add a Table Element to App Studio

1. In App Studio edit mode, go to **Add actions and elements**. Under **Content**, drag a **Table** element to the canvas.

   <Frame>
     <img alt="drag a table element to the canvas.jpg" src="https://mintcdn.com/domoinc/p8-t_t6P5uskoAfQ/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003nwh3.jpg?fit=max&auto=format&n=p8-t_t6P5uskoAfQ&q=85&s=9b44f1f88991cd8630dd23a75d2a6685" width="2896" height="1638" data-path="images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003nwh3.jpg" />
   </Frame>
2. Choose the DataSet you want to explore.

   It displays as a Table Card on the app page.

<Frame>
  <img alt="choose data.jpg" src="https://mintcdn.com/domoinc/1L_ymAWeSuQzHajN/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003w9cH.jpg?fit=max&auto=format&n=1L_ymAWeSuQzHajN&q=85&s=784a9173046303d73e9f6df7e06b39ca" width="807" height="632" data-path="images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003w9cH.jpg" />
</Frame>

3. Select the card to open the right configuration panel. Select **Edit in Place** to open the edit mode.

   <Frame>
     <img alt="edit in place.jpg" src="https://mintcdn.com/domoinc/1L_ymAWeSuQzHajN/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003w9KX.jpg?fit=max&auto=format&n=1L_ymAWeSuQzHajN&q=85&s=c49ce2ae32131b387fdac1a676fc9b5e" width="1157" height="482" data-path="images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003w9KX.jpg" />
   </Frame>

   You can now directly edit the table inside App Studio.

   <Frame>
     <img alt="Screenshot 2024-11-20 at 3.45.50 PM.png" src="https://mintcdn.com/domoinc/1L_ymAWeSuQzHajN/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003wAA9.jpg?fit=max&auto=format&n=1L_ymAWeSuQzHajN&q=85&s=fa6c39658de0f9dfdd170e5735cd0723" width="1518" height="522" data-path="images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003wAA9.jpg" />
   </Frame>

## Edit a Table Element

When you choose to edit a table element in place, the table formatting bar displays at the top of the table, and the DataSet columns display in the **Data** column of the configuration panel.

<Frame>
  <img alt="edit table.jpg" src="https://mintcdn.com/domoinc/p8-t_t6P5uskoAfQ/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003w6L4.jpg?fit=max&auto=format&n=p8-t_t6P5uskoAfQ&q=85&s=826b2b5d1390131be17b89224334299c" width="1518" height="522" data-path="images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003w6L4.jpg" />
</Frame>

### Show/Hide Columns

The Table Card automatically shows the first columns in the DataSet. You can select **Show/Hide** for any individual column in the configuration panel.

<Frame>
  <img alt="unhide.jpg" src="https://mintcdn.com/domoinc/1L_ymAWeSuQzHajN/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003wAi1.jpg?fit=max&auto=format&n=1L_ymAWeSuQzHajN&q=85&s=64bbedf1e03a5cd79439aba1491cd0de" width="346" height="545" data-path="images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003wAi1.jpg" />
</Frame>

### Reorder Columns

Use the handles in the configuration panel to reorder columns on the Table Card.

<Frame>
  <img alt="drag handles.jpg" src="https://mintcdn.com/domoinc/1L_ymAWeSuQzHajN/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003wAmr.jpg?fit=max&auto=format&n=1L_ymAWeSuQzHajN&q=85&s=f167a89cd1ecaa3ab2345e455dcaca20" width="346" height="545" data-path="images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003wAmr.jpg" />
</Frame>

### Rename Columns

Double-click on a column name in the configuration panel or in the Table Card to rename it.

<Columns>
  <Frame>
    <img alt="Screenshot 2024-11-20 at 3.53.53 PM.png" src="https://mintcdn.com/domoinc/1L_ymAWeSuQzHajN/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003wAwX.jpg?fit=max&auto=format&n=1L_ymAWeSuQzHajN&q=85&s=dfd7554712a755f6b132146569fbac14" width="351" height="254" data-path="images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003wAwX.jpg" />
  </Frame>

  <Frame>
    <img alt="Screenshot 2024-11-20 at 3.54.42 PM.png" src="https://mintcdn.com/domoinc/1L_ymAWeSuQzHajN/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003wB2z.jpg?fit=max&auto=format&n=1L_ymAWeSuQzHajN&q=85&s=8ec34ba188a60b6b8f5412a78cef84e0" width="506" height="452" data-path="images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003wB2z.jpg" />
  </Frame>
</Columns>

### Resize Columns

Drag the edges of the column headers to resize the columns in the Table Card. Your adjustments will be saved.

<Frame>
  <img alt="resize columns.jpg" src="https://mintcdn.com/domoinc/1L_ymAWeSuQzHajN/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003wBfh.jpg?fit=max&auto=format&n=1L_ymAWeSuQzHajN&q=85&s=08acba828116fa5077b4c19c9a394ed6" width="617" height="309" data-path="images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003wBfh.jpg" />
</Frame>

### Format Table

Use the formatting bar to format a column as currency or percentage, add or remove decimals, or align content inside the cells.

<Frame>
  <img alt="format values.jpg" src="https://mintcdn.com/domoinc/1L_ymAWeSuQzHajN/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003wC77.jpg?fit=max&auto=format&n=1L_ymAWeSuQzHajN&q=85&s=614ba2227713e0552a3f6515399cbc5c" width="566" height="456" data-path="images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003wC77.jpg" />
</Frame>

### Add a Column

In each column, hover over the header and select **More** (three vertical dots icon) > **Add column** to add a new column to the right.

<Frame>
  <img alt="Screenshot 2024-11-20 at 4.05.29 PM.png" src="https://mintcdn.com/domoinc/1L_ymAWeSuQzHajN/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003wCDZ.jpg?fit=max&auto=format&n=1L_ymAWeSuQzHajN&q=85&s=7cefa09fde510e4410fc82bdd5549ff8" width="482" height="304" data-path="images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003wCDZ.jpg" />
</Frame>

You can then use the formatting bar to populate the column with the results of a formula and name the column directly on the card.

<Frame>
  <img alt="Screenshot 2024-11-13 at 8.07.16 PM.png" src="https://mintcdn.com/domoinc/p8-t_t6P5uskoAfQ/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003nxlB.jpg?fit=max&auto=format&n=p8-t_t6P5uskoAfQ&q=85&s=661c8e94d259dd0bc67c19204c01b554" width="1214" height="860" data-path="images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003nxlB.jpg" />
</Frame>

### Group By

In the configuration panel, select **Group By** to group your columns and open up the **Aggregations** section of the configuration panel.

<Frame>
  <img alt="group by.jpg" src="https://mintcdn.com/domoinc/1L_ymAWeSuQzHajN/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003w7aV.jpg?fit=max&auto=format&n=1L_ymAWeSuQzHajN&q=85&s=555f371c938b5671ceadf44721332824" width="355" height="484" data-path="images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003w7aV.jpg" />
</Frame>

For a group, select **More** (three vertical dots icon) to choose how to aggregate your data.

<Frame>
  <img alt="more dots.jpg" src="https://mintcdn.com/domoinc/1L_ymAWeSuQzHajN/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003wCYX.jpg?fit=max&auto=format&n=1L_ymAWeSuQzHajN&q=85&s=8e31f316f372b9e0bea44c875b0dee2a" width="347" height="329" data-path="images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003wCYX.jpg" />
</Frame>

### Show/Hide Total Row and Subtotal Rows

Go to the **Properties** tab of the configuration panel to choose to show/hide the total row and subtotal rows.

<Frame>
  <img alt="Screenshot 2024-11-13 at 8.19.53 PM.png" src="https://mintcdn.com/domoinc/p8-t_t6P5uskoAfQ/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003nxzh.jpg?fit=max&auto=format&n=p8-t_t6P5uskoAfQ&q=85&s=31e6346174858ebc80d08454bae91e21" width="636" height="430" data-path="images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003nxzh.jpg" />
</Frame>

<Tip>
  **Tip:** In App Studio View mode, you and your app users can interact with tables like you do on dashboards. Learn how to [interact with tables](/docs/s/article/360043429573#interact-with-table-charts).
</Tip>
