# Why is my listviewer not displaying my airtable columns and rows?

**URL:** <https://community.thunkable.com/t/why-is-my-listviewer-not-displaying-my-airtable-columns-and-rows/564561>\
**Category:** Questions about Thunkable X\
**Tags:** beginner\
**Created:** [May 2, 2020, 4:01am UTC](https://community.thunkable.com/t/why-is-my-listviewer-not-displaying-my-airtable-columns-and-rows/564561 "2020-05-02T04:01:57Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![fearlesscodegirls3](https://avatars.discourse-cdn.com/v4/letter/f/c67d28/32.png) [@fearlesscodegirls3](https://community.thunkable.com/u/fearlesscodegirls3)\
**Post date:** [May 2, 2020, 4:01am UTC](https://community.thunkable.com/t/why-is-my-listviewer-not-displaying-my-airtable-columns-and-rows/564561/1 "2020-05-02T04:01:57Z")

</div>

Hi,

I am very new to Thunkable. I have watched many videos and read many discussions, but couldn’t seem to figure out why my table is not showing. I only need to display the data from the airtable, that’s all. Hope you can help with this. I am in a time crunch and need to figure this out!

Thanks!

---

<div class="post-metadata">

**Author:** ![fearlesscodegirls3](https://avatars.discourse-cdn.com/v4/letter/f/c67d28/32.png) [@fearlesscodegirls3](https://community.thunkable.com/u/fearlesscodegirls3)\
**Post date:** [May 2, 2020, 4:06am UTC](https://community.thunkable.com/t/why-is-my-listviewer-not-displaying-my-airtable-columns-and-rows/564561/2 "2020-05-02T04:06:51Z")

</div>

I have done my code exactly how the thunkable docs ([https://docs.thunkable.com/spreadsheet](https://docs.thunkable.com/spreadsheet)) showed it.

---

<div class="post-metadata">

**Author:** ![manyone](https://avatars.discourse-cdn.com/v4/letter/m/ee59a6/32.png) [@manyone](https://community.thunkable.com/u/manyone)\
**Post date:** [May 2, 2020, 8:50am UTC](https://community.thunkable.com/t/why-is-my-listviewer-not-displaying-my-airtable-columns-and-rows/564561/4 "2020-05-02T08:50:20Z")

</div>

you picked the wrong component to add to your screen. you defined your data in airtable but you seem to be using firebase. remove the firebase component from the invisible components and drag in the airtable component. THEN higlight that component in the screen then go to the properties panel on the right and populate the fields APIKey, BaseId, TableName and GridName, which you obtained when you defined your data at the Airtable site.

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [May 2, 2020, 9:05am UTC](https://community.thunkable.com/t/why-is-my-listviewer-not-displaying-my-airtable-columns-and-rows/564561/5 "2020-05-02T09:05:10Z")

</div>

Hey @fearlesscodegirls3 👋

Do you have a share link or screenshot of the blocks you are using? Are you sure you’re interacting with the database? Can you send it data?

---

<div class="post-metadata">

**Author:** ![fearlesscodegirls3](https://avatars.discourse-cdn.com/v4/letter/f/c67d28/32.png) [@fearlesscodegirls3](https://community.thunkable.com/u/fearlesscodegirls3)\
**Post date:** [May 2, 2020, 5:36pm UTC](https://community.thunkable.com/t/why-is-my-listviewer-not-displaying-my-airtable-columns-and-rows/564561/6 "2020-05-02T17:36:09Z")

</div>

![thunkable pic](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/2/7210f1430e2afd349e9d055af54ec1a7b86f4335.jpeg)

Here is a picture of the code. It keeps resulting in an error and just takes me to the error page.

---

<div class="post-metadata">

**Author:** ![fearlesscodegirls3](https://avatars.discourse-cdn.com/v4/letter/f/c67d28/32.png) [@fearlesscodegirls3](https://community.thunkable.com/u/fearlesscodegirls3)\
**Post date:** [May 2, 2020, 5:42pm UTC](https://community.thunkable.com/t/why-is-my-listviewer-not-displaying-my-airtable-columns-and-rows/564561/7 "2020-05-02T17:42:41Z")

</div>

Thanks for the response!  
I have not used the firebase component in my app, and I double-checked. I just followed along with the thunkable docs website. It isn’t used there, either. I have this airtable in the invisible components section. I also populated the fields APIKey, BaseId, Table Name, and Grid Name with the data from the airtable site in the properties panel.

---

<div class="post-metadata">

**Author:** ![manyone](https://avatars.discourse-cdn.com/v4/letter/m/ee59a6/32.png) [@manyone](https://community.thunkable.com/u/manyone)\
**Post date:** [May 2, 2020, 6:24pm UTC](https://community.thunkable.com/t/why-is-my-listviewer-not-displaying-my-airtable-columns-and-rows/564561/8 "2020-05-02T18:24:28Z")

</div>

Can you try this then. In the else  
part of your block above can you replace navigate to screen 2 with set label# to error (the green error variable). Hopefully it will tell you the actual error.

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [May 2, 2020, 6:54pm UTC](https://community.thunkable.com/t/why-is-my-listviewer-not-displaying-my-airtable-columns-and-rows/564561/9 "2020-05-02T18:54:55Z")

</div>

See this example for how to properly get and display data from airtable in a list. You’re on the right track.

I’d suggest reentering your api key, base id, table name and “Grid view”

[https://x.thunkable.com/copy/d5fa5705edcc031844be33785b4fc0d9](https://x.thunkable.com/copy/d5fa5705edcc031844be33785b4fc0d9)

---

<div class="post-metadata">

**Author:** ![fearlesscodegirls3](https://avatars.discourse-cdn.com/v4/letter/f/c67d28/32.png) [@fearlesscodegirls3](https://community.thunkable.com/u/fearlesscodegirls3)\
**Post date:** [May 2, 2020, 6:55pm UTC](https://community.thunkable.com/t/why-is-my-listviewer-not-displaying-my-airtable-columns-and-rows/564561/10 "2020-05-02T18:55:17Z")

</div>

Okay, I tried that!  
This is the code: ![code to capture error message](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/6/26d7dde5feb2421de02e248230228300ae552652.jpeg)

This is the live test:

 ![error message](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/f/9fb1371be84fed8e1cbcdebcd5ae9ef6a89d60ed.jpeg)

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [May 2, 2020, 6:57pm UTC](https://community.thunkable.com/t/why-is-my-listviewer-not-displaying-my-airtable-columns-and-rows/564561/11 "2020-05-02T18:57:09Z")

</div>

Seems like the table name is wrong. Try a name with no spaces. All lower or all uppercase. Keep it simple. “table” for example

---

<div class="post-metadata">

**Author:** ![fearlesscodegirls3](https://avatars.discourse-cdn.com/v4/letter/f/c67d28/32.png) [@fearlesscodegirls3](https://community.thunkable.com/u/fearlesscodegirls3)\
**Post date:** [May 2, 2020, 7:18pm UTC](https://community.thunkable.com/t/why-is-my-listviewer-not-displaying-my-airtable-columns-and-rows/564561/12 "2020-05-02T19:18:06Z")

</div>

Thanks for the help! It turned out that the name was wrong. I fixed it, and there doesn’t seem to be any error, but the screen just goes blank.Here is the data in the airtable I am using:

 ![airtablesp](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/e/be3a29ec775f0a97bcab4efe4f3e17bcdd7dc88c.jpeg)  
And here is my design for that screen: ![soupkitchenpagedesign](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/4/443b5914494648991b5021e907c61042835753d0.jpeg)

---

<div class="post-metadata">

**Author:** ![manyone](https://avatars.discourse-cdn.com/v4/letter/m/ee59a6/32.png) [@manyone](https://community.thunkable.com/u/manyone)\
**Post date:** [May 2, 2020, 8:20pm UTC](https://community.thunkable.com/t/why-is-my-listviewer-not-displaying-my-airtable-columns-and-rows/564561/13 "2020-05-02T20:20:41Z")

</div>

i dont think you can populate a listviewer with the contents of the full row, which appears to be what you’re trying to do (ie. get rows, splistviewer, etc). typically, you populate the listviewer with one name, in this case, one column from your table. please try to change the getrows to getColumn (Name) - and populate the listviewer with the returned column.  
then in your listviewer on select block, use the returned item for reading (ONE) row to obtain the remaining columns (website and address) if needed.

OR, after doing the getrows, then do the getColumn, upon listviewer select, obtain the rest of the row information by using the index returned by listviewer, as the index for retrieveing from the list initially returned by getrows. (does this make sense?)

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [May 2, 2020, 8:42pm UTC](https://community.thunkable.com/t/why-is-my-listviewer-not-displaying-my-airtable-columns-and-rows/564561/14 "2020-05-02T20:42:14Z")

</div>

you extract the value (contents) of the object (the row) property (the corresponding column in that row) with the blocks as shown

![Screen Shot 2020-05-02 at 4.40.15 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/8/28ba9b0d89837b617adc218ed482d717bb5d8b6b.png)

i also always put the data into a variable first. just out of practice.  
 ![Screen Shot 2020-05-02 at 4.41.45 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/a/0a505446ff7231fb397bdc7685bf9125d5d21930.png)

---

<div class="post-metadata">

**Author:** ![fearlesscodegirls3](https://avatars.discourse-cdn.com/v4/letter/f/c67d28/32.png) [@fearlesscodegirls3](https://community.thunkable.com/u/fearlesscodegirls3)\
**Post date:** [May 3, 2020, 12:23am UTC](https://community.thunkable.com/t/why-is-my-listviewer-not-displaying-my-airtable-columns-and-rows/564561/15 "2020-05-03T00:23:48Z")

</div>

Thank you, this helped a lot!

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [May 3, 2020, 12:33am UTC](https://community.thunkable.com/t/why-is-my-listviewer-not-displaying-my-airtable-columns-and-rows/564561/16 "2020-05-03T00:33:16Z")

</div>

@fearlesscodegirls3  
Feel free to mark it as a solution if it was. It will help other thunkers searching through the forum!

Happy to help!

---

<div class="post-metadata">

**Author:** ![fearlesscodegirls3](https://avatars.discourse-cdn.com/v4/letter/f/c67d28/32.png) [@fearlesscodegirls3](https://community.thunkable.com/u/fearlesscodegirls3)\
**Post date:** [May 3, 2020, 1:36am UTC](https://community.thunkable.com/t/why-is-my-listviewer-not-displaying-my-airtable-columns-and-rows/564561/17 "2020-05-03T01:36:08Z")

</div>

I can see my data on the desktop live version, but not on a phone. Am I missing something?

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [May 3, 2020, 1:40am UTC](https://community.thunkable.com/t/why-is-my-listviewer-not-displaying-my-airtable-columns-and-rows/564561/18 "2020-05-03T01:40:42Z")

</div>

Hmm. Want to share a screenshot of the code?

---

<div class="post-metadata">

**Author:** ![fearlesscodegirls3](https://avatars.discourse-cdn.com/v4/letter/f/c67d28/32.png) [@fearlesscodegirls3](https://community.thunkable.com/u/fearlesscodegirls3)\
**Post date:** [May 3, 2020, 1:49am UTC](https://community.thunkable.com/t/why-is-my-listviewer-not-displaying-my-airtable-columns-and-rows/564561/19 "2020-05-03T01:49:45Z")

</div>

Here it is:

 ![skscreencode](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/3/23dc3f9f4ab0a53c2ed3c96e5b6aae688b754deb.jpeg)

Also, if you wouldn’t mind, I have a few questions:  
How can I make breaks/‘enter spaces’ between the values of my data? I only decided to make one column of data (with all the data I need) with extra rows in between and on the live version this is how it appears:

 ![sklivetestpic](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/6/462ae01def34b4c12b46215d26eebf5038b8ac57.jpeg)

Is there any way to hyperlink websites aside from using a button? I know there are HTML ways but on my listview’s property panel I just cannot seem to find where.

Thank you so much for your support!

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [May 3, 2020, 2:13am UTC](https://community.thunkable.com/t/why-is-my-listviewer-not-displaying-my-airtable-columns-and-rows/564561/20 "2020-05-03T02:13:23Z")

</div>

Hey! Ill be making a video about this soon. Id use a custom made list viewer for this.

There’s an example of that here

> [@Jared's Cloud to-do app](http://community.thunkable.com/t/jareds-cloud-to-do-app/502646):
>
> Components: Cloud Variable / DIY Extended Listviewer / Recursive Functions / Dynamic Labels / RealtimeDB Authentication Hey Thunkers!I have wanting to use firebase for a while to store and retrieve lists of variables. quickly. but parsing all the text is resource consuming, takes a bunch of blocks, and is tricky. I considered the cloud vairables for some time now but couldn’t wrap my head around how to use private user keys. I have figured it out and want to share with everyone here. In my exa…

And here

> [@Changing properties of cloned components (DIY Advanced Listviewer)](http://community.thunkable.com/t/changing-properties-of-cloned-components-diy-advanced-listviewer/153213):
>
> We’re working hard to bring you the [Extended Listviewer](https://docs.thunkable.com/release-notes#coming-soon-to-thunkable) component to make developing your app even faster, but in the meantime here’s a DIY approach. By using the “Any Component” blocks in Thunkable, you are able to clone entire rows or columns of content. But what if you then want to change some of the components within the row or column? Design Usually you can leave the precise details of your design until the end, but in this case you need to know what components will be…

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 11:29am UTC](https://community.thunkable.com/t/why-is-my-listviewer-not-displaying-my-airtable-columns-and-rows/564561/21 "2024-11-08T11:29:33Z")

</div>


