# How to list the data in table

**URL:** https://community.neutrinos.com/t/how-to-list-the-data-in-table/1199
**Category:** Training, Academy & Certifications
**Created:** [September 4, 2025, 7:40am UTC](https://community.neutrinos.com/t/how-to-list-the-data-in-table/1199 "2025-09-04T07:40:31Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![kaushik](https://community.neutrinos.com/letter_avatar_proxy/v4/letter/k/f14d63/32.png) [@kaushik](https://community.neutrinos.com/u/kaushik)
#### Post date: [September 4, 2025, 7:40am UTC](https://community.neutrinos.com/t/how-to-list-the-data-in-table/1199/1 "2025-09-04T07:40:31Z")

</div>

![image](https://community.neutrinos.com/uploads/default/original/1X/aaf7a0a57227aab1ba70aaddad49c9ee008739c7.png)  
I already set the page variable. When I try to connect a flow, the server is not responding. The data is being fetched, but I don’t understand how to display the content. Can anyone provide a solution? I faced the same issue yesterday as well, so I am stuck in this area and cannot move to the next step.

 ![image](https://community.neutrinos.com/uploads/default/original/1X/ff3aaf8f1ef17fbc3c0d222418ce2b03d890a7d4.png)  
 ![image](https://community.neutrinos.com/uploads/default/original/1X/9cc18fd3541c2d2adad317b1236adf96dc624acd.png)

---

<div class="post-metadata">

### Author: ![Simphiwe](https://community.neutrinos.com/letter_avatar_proxy/v4/letter/s/3be4f8/32.png) [@Simphiwe](https://community.neutrinos.com/u/Simphiwe)
#### Post date: [September 4, 2025, 7:50am UTC](https://community.neutrinos.com/t/how-to-list-the-data-in-table/1199/2 "2025-09-04T07:50:51Z")

</div>

Hi @kaushik ,

You are currently using the tabs component to display.  
To display those on the table you need to use the table component.  
I have included the link below that should help you understand and use the table component.

[Table](https://documentation.neutrinos.com/articles/#!components-guide-8/tables/q/table/qid/13769/qp/1)

---

<div class="post-metadata">

### Author: ![kaushik](https://community.neutrinos.com/letter_avatar_proxy/v4/letter/k/f14d63/32.png) [@kaushik](https://community.neutrinos.com/u/kaushik)
#### Post date: [September 4, 2025, 9:00am UTC](https://community.neutrinos.com/t/how-to-list-the-data-in-table/1199/3 "2025-09-04T09:00:58Z")

</div>

table format not working, now i share html 5 node code here that also not working

## Books (Total Pages: {{page.booksList.totalpage}})

```
<thead>
  <tr>
    <th>Title</th>
    <th>Author</th>
    <th>ISBN</th>
    <th>Year</th>
  </tr>
</thead>
<tbody>
  <tr ng-repeat="book in page.book">
    <td>{{book.title}}</td>
    <td>{{book.author}}</td>
    <td>{{book.isbn}}</td>
    <td>{{book.publishedYear}}</td>
  </tr>
</tbody>

```

 ![image](https://community.neutrinos.com/uploads/default/original/1X/f55f138262132198023b43bba04e256f23964888.png)  
 ![image](https://community.neutrinos.com/uploads/default/original/1X/989c2747f45065106a7b19db0b95db6347ef1214.png)  
 ![image](https://community.neutrinos.com/uploads/default/original/1X/5bdec55104db28840da94e663ea964420de8d4dd.png)

In the browser log, I am getting the data in `page.book`, but in the HTML code, the data is not displaying. `page.book` is an array of objects.

 ![image](https://community.neutrinos.com/uploads/default/original/1X/62f5edbcca0de92d4d652c473bb65a495d605d9f.png)

---

<div class="post-metadata">

### Author: ![Simphiwe](https://community.neutrinos.com/letter_avatar_proxy/v4/letter/s/3be4f8/32.png) [@Simphiwe](https://community.neutrinos.com/u/Simphiwe)
#### Post date: [September 4, 2025, 9:50am UTC](https://community.neutrinos.com/t/how-to-list-the-data-in-table/1199/4 "2025-09-04T09:50:21Z")

</div>

Hi @kaushik ,

You can use the table component.

Steps to display information in the table component in Neutrinos Studio:  
Step 1: Initialize your page variable and assign your list of books on the onInit using the script  
Step 2: Grab a column or row then grab and drop a table component inside  
Step 3: Click the dropped table component, then bind you DataSource on Base properties.  
Step 4: Click add column on your table  
Step 5: Click column on your dropped column, then on mapping bind your values by using {{table.}} e.g {{table.title}}

That should work.

I have attached the image below for better reference.

 ![image](https://community.neutrinos.com/uploads/default/original/1X/77c66abd73a72e37f3e62e77979743fc507560ec.png)  
 ![image](https://community.neutrinos.com/uploads/default/original/1X/82423aacf2937eab9d4ab53c1f49fe6f7cbfe846.png)

Output:

 ![image](https://community.neutrinos.com/uploads/default/original/1X/42977753ae0b1b9cd137f7f0a038adc628d31adf.png)

---

<div class="post-metadata">

### Author: ![Sam](https://community.neutrinos.com/letter_avatar_proxy/v4/letter/s/5f9b8f/32.png) [@Sam](https://community.neutrinos.com/u/Sam)
#### Post date: [September 4, 2025, 9:51am UTC](https://community.neutrinos.com/t/how-to-list-the-data-in-table/1199/5 "2025-09-04T09:51:35Z")

</div>

Hello @kaushik ,  
If you want to use tables, you can first add the data to the datasource, for example `page.tableData`. After that, you can map each column individually, such as `table.id`, `table.name`, etc.