# Syntax Uibuilder

**URL:** <https://discourse.nodered.org/t/syntax-uibuilder/42875>\
**Category:** Dashboard\
**Created:** [19 March 2021 12:11 UTC](https://discourse.nodered.org/t/syntax-uibuilder/42875 "2021-03-19T12:11:41Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![David2608](https://avatars.discourse-cdn.com/v4/letter/d/f4b2a3/32.png) [@David2608](https://discourse.nodered.org/u/David2608)\
**Post date:** [19 March 2021 12:11 UTC](https://discourse.nodered.org/t/syntax-uibuilder/42875/1 "2021-03-19T12:11:41Z")

</div>

Hello together,

im trying to get familiar with Uibuilder and I need some advice.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/b/4be669c35c8a1a26aa8e136a3e5527ad2f4545b1.png)

I want to display the data in a simple bootstrap table but the vuejs code i used didnt worked.

The data are already loaded and displayed so i dont need to add specific code to input.js, right?

Can anybody give me a hint how the code in the table should look like so that the data will be displayed?

Thanks a lot.

Best regards,

David

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [19 March 2021 13:15 UTC](https://discourse.nodered.org/t/syntax-uibuilder/42875/2 "2021-03-19T13:15:11Z")

</div>

At a guess, you are not familiar with VUE? If so, you really need to learn about how vue does things. There are tonnes of beginers tutorials and free info out there.

To point you in "a direction", look at the bootstrap table examples [here](https://bootstrap-vue.org/docs/components/table) & how they bind to a data item called `items`. If you replicate that, then put YOUR payload into `items` - you will have a working table.

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [19 March 2021 13:19 UTC](https://discourse.nodered.org/t/syntax-uibuilder/42875/3 "2021-03-19T13:19:31Z")

</div>

You probably need to share some of your front-end code since we can't see what is happening here.

If you are having problems with b-table, I suggest starting with a simplified set of data and just passing it straight to b-table so that you understand the relationship between the data and the table.

But to me it looks like you have created a table manually - how did you expect that to work with uibuilder/Vue?

bootstrap-vue is included for that purpose - to give you really easy ways to write complete web UI's.

Check out the b-table component on the bootstrap-vue docs site.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [18 April 2021 13:19 UTC](https://discourse.nodered.org/t/syntax-uibuilder/42875/4 "2021-04-18T13:19:35Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.