Skip to main content

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.
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.
edit in place.jpg


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.
    drag a table element to the canvas.jpg
  2. Choose the DataSet you want to explore. It displays as a Table Card on the app page.
choose data.jpg
  1. Select the card to open the right configuration panel. Select Edit in Place to open the edit mode.
    edit in place.jpg
    You can now directly edit the table inside App Studio.
    Screenshot 2024-11-20 at 3.45.50 PM.png

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.
edit table.jpg

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.
unhide.jpg

Reorder Columns

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

Rename Columns

Double-click on a column name in the configuration panel or in the Table Card to rename it.
Screenshot 2024-11-20 at 3.53.53 PM.png
Screenshot 2024-11-20 at 3.54.42 PM.png

Resize Columns

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

Format Table

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

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.
Screenshot 2024-11-20 at 4.05.29 PM.png
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.
Screenshot 2024-11-13 at 8.07.16 PM.png

Group By

In the configuration panel, select Group By to group your columns and open up the Aggregations section of the configuration panel.
group by.jpg
For a group, select More (three vertical dots icon) to choose how to aggregate your data.
more dots.jpg

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.
Screenshot 2024-11-13 at 8.19.53 PM.png
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.