How to list the data in table

[kaushik]

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.

[Simphiwe]

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

[kaushik]

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>

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.

[Simphiwe]

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.

Output:

[Sam]

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.