> ## Documentation Index
> Fetch the complete documentation index at: https://domoinc-bradley-turek-pfilter-operators-reference.mintlify.site/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](/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-bradley-turek-pfilter-operators-reference/7UlLU1W3AGsY1BHI/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003w9KX.jpg?fit=max&auto=format&n=7UlLU1W3AGsY1BHI&q=85&s=7ee9b47ee9954958a2c917fa3e131f4f" 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-bradley-turek-pfilter-operators-reference/7UlLU1W3AGsY1BHI/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003nwh3.jpg?fit=max&auto=format&n=7UlLU1W3AGsY1BHI&q=85&s=3a9aa7b4a0277cb5075d23af791559ce" 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-bradley-turek-pfilter-operators-reference/7UlLU1W3AGsY1BHI/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003w9cH.jpg?fit=max&auto=format&n=7UlLU1W3AGsY1BHI&q=85&s=17bfa9c0b1924a423977d999c8aac226" 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-bradley-turek-pfilter-operators-reference/7UlLU1W3AGsY1BHI/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003w9KX.jpg?fit=max&auto=format&n=7UlLU1W3AGsY1BHI&q=85&s=7ee9b47ee9954958a2c917fa3e131f4f" 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-bradley-turek-pfilter-operators-reference/7UlLU1W3AGsY1BHI/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003wAA9.jpg?fit=max&auto=format&n=7UlLU1W3AGsY1BHI&q=85&s=70faa134ac56eac042360d23fedc7994" 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-bradley-turek-pfilter-operators-reference/7UlLU1W3AGsY1BHI/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003w6L4.jpg?fit=max&auto=format&n=7UlLU1W3AGsY1BHI&q=85&s=b7df01ecd5d41dd95087848e494ebd4c" 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-bradley-turek-pfilter-operators-reference/7UlLU1W3AGsY1BHI/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003wAi1.jpg?fit=max&auto=format&n=7UlLU1W3AGsY1BHI&q=85&s=c55419b783291efb7df12a0374d8526a" 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-bradley-turek-pfilter-operators-reference/7UlLU1W3AGsY1BHI/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003wAmr.jpg?fit=max&auto=format&n=7UlLU1W3AGsY1BHI&q=85&s=6d1a46a55c546f3564550474450040b7" 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-bradley-turek-pfilter-operators-reference/7UlLU1W3AGsY1BHI/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003wAwX.jpg?fit=max&auto=format&n=7UlLU1W3AGsY1BHI&q=85&s=3161dd8ea0812482f283813f35a6a6b4" 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-bradley-turek-pfilter-operators-reference/7UlLU1W3AGsY1BHI/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003wB2z.jpg?fit=max&auto=format&n=7UlLU1W3AGsY1BHI&q=85&s=ae6decc098afb50f5aee5555bee2da9a" 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-bradley-turek-pfilter-operators-reference/7UlLU1W3AGsY1BHI/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003wBfh.jpg?fit=max&auto=format&n=7UlLU1W3AGsY1BHI&q=85&s=789862c0f5cc9e7630c896d0a271567d" 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-bradley-turek-pfilter-operators-reference/7UlLU1W3AGsY1BHI/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003wC77.jpg?fit=max&auto=format&n=7UlLU1W3AGsY1BHI&q=85&s=288067fed4ae1b7cd28d1e6803fcbea5" 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-bradley-turek-pfilter-operators-reference/7UlLU1W3AGsY1BHI/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003wCDZ.jpg?fit=max&auto=format&n=7UlLU1W3AGsY1BHI&q=85&s=af8012464569b60a06cf0c507d505cc2" 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-bradley-turek-pfilter-operators-reference/7UlLU1W3AGsY1BHI/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003nxlB.jpg?fit=max&auto=format&n=7UlLU1W3AGsY1BHI&q=85&s=0cf01634c94156408deb4bfbda709522" 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-bradley-turek-pfilter-operators-reference/7UlLU1W3AGsY1BHI/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003w7aV.jpg?fit=max&auto=format&n=7UlLU1W3AGsY1BHI&q=85&s=07cf3b8782f11b1888d33dcc8b6174d7" 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-bradley-turek-pfilter-operators-reference/7UlLU1W3AGsY1BHI/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003wCYX.jpg?fit=max&auto=format&n=7UlLU1W3AGsY1BHI&q=85&s=4a48b5ef6d1fd4ce18ac6d3ea3ee29bf" 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-bradley-turek-pfilter-operators-reference/7UlLU1W3AGsY1BHI/images/kb/ka0Vq0000008gy9-00N5w00000Ri7BU-0EMVq000003nxzh.jpg?fit=max&auto=format&n=7UlLU1W3AGsY1BHI&q=85&s=77eeb64eee5418d2a432e458ba73bae3" 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](/s/article/360043429573#interact-with-table-charts).
</Tip>
