šŸŸšŸ„–šŸ§ŗ Transpose Columns to an Inline List: The Miracle Method

I’m often asked how to take columns of data (say form responses) and display them in an inline list. Here’s one way to do it—the MIRACLE METHOD.

27 Likes
RowID is great. Could REALLY use Row Number
Split text column Like inline list?
šŸ‘Ŗ Make Array — the newest column type!
Repeating steps using Miracle method. How do I save boolean values for these rows?
Display multiple images from one airtable field
Show a single row as a table with multiple rows
Parsing text into multiple choice values for a Choice form component
Transform Multiple Pics into Collection
Need help:How To display Unique Array items in list view?
Configuring a choice column
Help to add a product with size variations and when publishing, a size can be chosen
Text Column to Array for making choice?
Opposite action of "single value"
Need data from split to be used in choice
Use Rest API calls as DATA
Need Help Displaying Unique Job Titles per Project for Users
Need help to populate a list into a table
Single Item multiple times in an Inline List through Relations
Trying to create a user-specific list of editable tags
Sourcing multiple tables of data from an API
Help with using choice component for options
Show Inline list of images
How to parse CSV into a collection
Favorites/Calendar starting at 8 AM
How to make loops of rows and repeat them dynamic number of times
UI Glitches & Functionality Issues in Glide Table (Template/Javascript Columns, Row Deletion)
What should I do? Newbie here
Inserting multiple data into one column
How to use a row as a source for choice component?
Adding Shopify orders to Google Sheet data source
Words per sentence
Transpose Columns to Rows without User specific column
How to automatically create a new row in as separate table for each item in an array in a given table?
How to display several form entries in graph comp
Choices Dropdown
Choice Component using split list or array
Load limited rows based on chosen parameter
How to get data into app
Can't select template column as a "Row" in "Single value" column. Bug or a feature?
🟢 How to pass array column to Donut chart source? 🟢
Develope with two screens
Choice items from split text items
How do you iterate a json array response?
Navigating between Prev/Next rows + loops and forks
Use comma-separated values as source for Choice?
How would you describe a helper table?
Display data from either Query or Multiple Relations
How do i add multiple images into a container
I upload multiple files into a cell, how do I display them?
Dropdown source from an array column
Using rich text to display images horizontally
Product search
Many-to-Many Relationships
Dynamic filter using TAGs created by user
Opposite action of "single value"
Getting values from an Array
Call API, Multiple records
JavaScript for operations on arrays not working in Glide
Add Row from ChatGPT Table
Vertical layout of data
Items in Array to separate row in another table
Help with displaying API result arrays
Calendar from multiple tables
Multiple images URLs extraction
Creating a Set of Milestone Checklist for each Project
Array values as a choice for user
How do implement a row that has 4 column as its relation?
Text to list
Creating Rows From Array Values
Dropdown Choice Component From Multiple Rows
PDF VIEW on Glide App
Comma separated values
Pie chart using data from two columns
How do I make automatic time allocation?
Get rows of data into glide via call api
Toggle to add item to list
Find Value from Previous Row

The template column as ā€œcurrent userā€ is genius and opens A LOT of doors for me. Thank you!

3 Likes

Good tutorial! Unfortunately, if it needs more items - you need to do all additional setup with the developer in columns. (I mean, it cannot be left to users to maintain it themselves)

This is true…they’d have to create a new ITE column for each item and append that template column in Glide…

There’s probably a way to use spreadsheet formulas instead, but I was trying to do it all in Glide.

Totally agree. It has become one the staple tactics I implement into any new app.
Props to @Robert_Petitto!

1 Like

brilliant!

1 Like

Not sure if this is better, but if you have to set up columns for new items, wouldn’t it cost less columns to achieve this by the following method? I’m only using a screenshot of the table from your video to get the badges name for my example.

Use an If Then Else column, if Badges is Non-Smoker then you return the user’s Non-Smoker boolean, you continue that until Hydrates Regularly.

Then you can still do an inline list and filter that by is true/is not true.

Would it work?

Hm…that’s a great idea too! Probably less intensive for sure.

1 Like

We don’t need that long transpose formula anymore. Miracle job @Robert_Petitto

1 Like

Awesome!

I just needed to transpose an array and used an alternative method:

  • the new slice array plugin: Slice Array column • Glide (glideapps.com)
  • with two helper columns for the slice function:
    start | end
    0 | 1
    1 | 2
    2 | 3
    … | …
  • and a ā€œjoined list columnā€ of that sliced array elements to have one element as text per row.

Care to share an example?

I also had a use case for a variation of this method just today. I needed to dynamically generate a list for a choice component that included the month names for each of the previous six months.

  • Started with a series of 6 math columns to determine the 1st day of each of the previous 6 months
  • Then a template column to join those together into a comma separated list
  • A split text column to turn that into an array
  • And finally the single value trick, using N from start

This is a really useful method, and I’ve found lots of use cases :+1:

4 Likes

Sure!
In my use case I have teams with email addresses in an array of User1, User2, User3,… (and row owners).
I wanted to filter another sheet’s list (which user added what data?) though a choice component fed by the transposed user array (screen variable).
And I even could make an ā€œall userā€ choice with the values of ā€œstart:0"and end:Number of last userā€ in the helper columns.

1 Like

Perfect method, also to solve the problem of feeding a choice from an array … with some modifications, but the concept is always the same:
I use an additional ā€œall purposeā€ table as if it were an array.
It was particularly useful for managing product sizes and colors.

1 Like

This is pure gold! Fantastic job!

1 Like

Hi, basic question, but in DataEditor, could we use an excel formula ā€œTransposeā€?
(even if I don’t manage to do it :slight_smile: )

Unfortunately no, Glide doesn’t know how to handle that formula.

1 Like

Hi @Robert_Petitto, thank you again.
Another question: can we do it the other way round?

My use case:

Sheet 1:
Dozens of questions in 1 column + answers in 1 user specific column.
I want to transpose answers then ā€œadd rowā€ into Sheet 2 (below).

image

Sheet 2:
The same questions but positioned by column (like if it was a questionnaire in a form).
I try this approach because I have many calculations to do per question.
If I directly collect answers in Sheet 2 (by column), I have to duplicate these calculations for each column.
While with the Sheet 1 approach, I can have only 1 column per calculation for all questions.

Thank you!

Hi,

I’m trying to apply this method.
But how to clear entire column after submitting the answer?

Thank you!!!

You can use some tricks for that… but doing that in a Glide table… not possible yet.