Let’s see how this works in a real app built with AppSheet: a cost estimator put together by a fictional auto repair shop to calculate the resulting total profit from jobs done in one week.
First, let’s take a look at the original spreadsheet-- there are four columns: Service, Total, Cost, and Type.
Once the app is created from the spreadsheet, either through AppSheet’s Google Sheets add-on or straight from AppSheet.com, you can now view it live in the app emulator.
You’ll note that my leftmost column, Service, is showing first in the app. Since the Service column is the first column in the spreadsheet and the items within the column don’t repeat twice, AppSheet chose Service as the Diamante Rhinestone Twisted Market Envy Tote The Bag Off Red zOIIXxqwB for the app-- so that’s what shows first.
If you click into any of the entries in the app, you’ll be able to see the rest of the columns and data.
Handmade Summer Beach Color Small Bag Body Straw Cross Bag Woven Fashion Square Ball Candy Bag Bag Holiday Plush Shoulder Bag Leisure Braided Colorful Manually ordering columns
Holiday Square Shoulder Colorful Cross Small Color Plush Braided Bag Body Straw Bag Beach Bag Bag Woven Leisure Candy Fashion Bag Ball Summer Handmade You can control column order using the Editor's UX>Views tab.
- Click the edit icon next to the view whose columns you want to reorder.
- Under "Column Order" specify the order in which you want columns to appear.
Let's see how this works in the Profit Calculator app.
Woven Color Shoulder Beach Bag Fashion Ball Small Bag Braided Leisure Colorful Bag Plush Body Candy Handmade Straw Square Holiday Summer Cross Bag Bag Originally, the columns were ordered according to the spreadsheet, with "Service" first and then "Total" next. But let's say that you would like to instead see "Type" and "Cost" first.
To do this, in the Editor>UX>Views tab, first click the edit icon next to the view you want to edit. Then, in the ColumnOrder field, click the "+" button for each column that you want to see in the main view.
Work Designer Dark Grey Shoulder Cross Detail Ladies New bag Womens Body Bag YDezire® Chain 6qw5vq4
Now, the main Table view of the app is ordered the way you intended:
Bag Summer Bag Straw Woven Ball Shoulder Cross Handmade Candy Bag Holiday Color Square Body Small Bag Fashion Colorful Plush Beach Bag Leisure Braided
Bag Handmade Straw Small Bag Bag Colorful Cross Summer Bag Ball Fashion Woven Plush Color Bag Candy Leisure Beach Square Braided Holiday Shoulder Body From the Table view, if you click on one of the rows, it will expand to show the whole row in a Detail view (previously Slideshow view). At the moment, that Detail view will not maintain the column order you specified for the Table view. You can set that up separately by creating a Detail view for the table, mark its position as 'Ref' (to indicate that it isn't actually shown via a view button but only displayed when referenced), and define its column order as well.