# Populate data grid, based on a web api response list

**URL:** <https://community.thunkable.com/t/populate-data-grid-based-on-a-web-api-response-list/643701>\
**Category:** Questions about Thunkable X\
**Tags:** webapi, data-viewer\
**Created:** [June 29, 2020, 10:21am UTC](https://community.thunkable.com/t/populate-data-grid-based-on-a-web-api-response-list/643701 "2020-06-29T10:21:13Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![adminyi7yav](https://avatars.discourse-cdn.com/v4/letter/a/9e8a1a/32.png) [@adminyi7yav](https://community.thunkable.com/u/adminyi7yav)\
**Post date:** [June 29, 2020, 10:21am UTC](https://community.thunkable.com/t/populate-data-grid-based-on-a-web-api-response-list/643701/1 "2020-06-29T10:21:14Z")

</div>

I am trying to populate data grids using the list that my api returns. Can anyone tell if that is possible and how.

---

<div class="post-metadata">

**Author:** ![will\_r.06](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/will_r.06/32/74558_2.png) [@will\_r.06](https://community.thunkable.com/u/will_r.06)\
**Post date:** [June 29, 2020, 12:27pm UTC](https://community.thunkable.com/t/populate-data-grid-based-on-a-web-api-response-list/643701/2 "2020-06-29T12:27:49Z")

</div>

Hopefully this video may help:

Part 1: [https://www.youtube.com/watch?v=5zdYc8m26eY](https://www.youtube.com/watch?v=5zdYc8m26eY)  
Part 2: [https://www.youtube.com/watch?v=L939Iyq1Cqo](https://www.youtube.com/watch?v=L939Iyq1Cqo)  
Will

---

<div class="post-metadata">

**Author:** ![adminyi7yav](https://avatars.discourse-cdn.com/v4/letter/a/9e8a1a/32.png) [@adminyi7yav](https://community.thunkable.com/u/adminyi7yav)\
**Post date:** [June 30, 2020, 2:58pm UTC](https://community.thunkable.com/t/populate-data-grid-based-on-a-web-api-response-list/643701/3 "2020-06-30T14:58:52Z")

</div>

Not really. I am looking to populate the data source of a “data viewer grid” via the response of an API. I tried using a local data source and populating the data source by creating rows when I receive the API response. Here is the code snapshot. Is there any other way?

 ![Screenshot 2020-06-30 at 8.27.58 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/1/41b38f627167228299709d5e4212ef24baddfd17.png)

---

<div class="post-metadata">

**Author:** ![will\_r.06](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/will_r.06/32/74558_2.png) [@will\_r.06](https://community.thunkable.com/u/will_r.06)\
**Post date:** [July 1, 2020, 1:18pm UTC](https://community.thunkable.com/t/populate-data-grid-based-on-a-web-api-response-list/643701/4 "2020-07-01T13:18:40Z")

</div>

There are some components you can use from the data viewer grid, if you read them carefully maybe those can help you. If this still doesn’t help I have used multiple different tutorials from thunkable and thunkable x YouTube so maybe you could try them.

Will

---

<div class="post-metadata">

**Author:** ![adminyi7yav](https://avatars.discourse-cdn.com/v4/letter/a/9e8a1a/32.png) [@adminyi7yav](https://community.thunkable.com/u/adminyi7yav)\
**Post date:** [July 3, 2020, 5:27am UTC](https://community.thunkable.com/t/populate-data-grid-based-on-a-web-api-response-list/643701/5 "2020-07-03T05:27:49Z")

</div>

I see a lot of tutorials on populating data viewer grid via airtable/google sheets. Also see a lot of tutorials on setting data in list viewer via the api and “set items” block. Can you point me to a specific example of populating data viewer grid via response API?

---

<div class="post-metadata">

**Author:** ![will\_r.06](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/will_r.06/32/74558_2.png) [@will\_r.06](https://community.thunkable.com/u/will_r.06)\
**Post date:** [July 3, 2020, 8:09am UTC](https://community.thunkable.com/t/populate-data-grid-based-on-a-web-api-response-list/643701/6 "2020-07-03T08:09:08Z")

</div>

Instead of using a data viewer list could you use a data viewer list which has more options to control and edit your data?

---

<div class="post-metadata">

**Author:** ![adminyi7yav](https://avatars.discourse-cdn.com/v4/letter/a/9e8a1a/32.png) [@adminyi7yav](https://community.thunkable.com/u/adminyi7yav)\
**Post date:** [July 6, 2020, 6:58am UTC](https://community.thunkable.com/t/populate-data-grid-based-on-a-web-api-response-list/643701/7 "2020-07-06T06:58:58Z")

</div>

Unfortunately, data viewer list does not have the layout I need (image with a title). This is so frustrating and such a simple use case that should have been handled from day 1 of conceptualising Data Viewer Grid. Someone please give a hack/workaround!!

---

<div class="post-metadata">

**Author:** ![will\_r.06](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/will_r.06/32/74558_2.png) [@will\_r.06](https://community.thunkable.com/u/will_r.06)\
**Post date:** [July 6, 2020, 11:10am UTC](https://community.thunkable.com/t/populate-data-grid-based-on-a-web-api-response-list/643701/8 "2020-07-06T11:10:43Z")

</div>

Sorry I don’t think i can help you any further but I’m sure someone else can help you, Will

---

<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:25am UTC](https://community.thunkable.com/t/populate-data-grid-based-on-a-web-api-response-list/643701/9 "2024-11-08T11:25:03Z")

</div>


