# Create a clickable list/table to populate text fields

**URL:** <https://discourse.nodered.org/t/create-a-clickable-list-table-to-populate-text-fields/42015>\
**Category:** General\
**Created:** [4 March 2021 13:35 UTC](https://discourse.nodered.org/t/create-a-clickable-list-table-to-populate-text-fields/42015 "2021-03-04T13:35:48Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![manie](https://avatars.discourse-cdn.com/v4/letter/m/dfb087/32.png) [@manie](https://discourse.nodered.org/u/manie)\
**Post date:** [4 March 2021 13:35 UTC](https://discourse.nodered.org/t/create-a-clickable-list-table-to-populate-text-fields/42015/1 "2021-03-04T13:35:48Z")

</div>

Hi, I am new to node red and I want to create a ui with a data list (table) on one side and text fields on the other. I then want to click on a row/cell of the list and populate the text fields based on a value (e.g. ID field) in the list. At the moment I have a table node that I am using to list my data. I am sorry to say I have nothing but if anyone can just point me in a direction. Can anyone help me please?

---

<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:** [4 March 2021 20:30 UTC](https://discourse.nodered.org/t/create-a-clickable-list-table-to-populate-text-fields/42015/2 "2021-03-04T20:30:49Z")

</div>

I think that the ui table node uses a standard library so you will need to check the library on how to code in a click handler. Such that when you click on a row/cell, it calls a function passing in the row or cell reference.

I'm afraid that you are going to need to know how to do some front-end coding - mainly in JavaScript.

---

<div class="post-metadata">

**Author:** ![Andrei](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/andrei/32/10446_2.png) [@Andrei](https://discourse.nodered.org/u/Andrei)\
**Post date:** [4 March 2021 21:11 UTC](https://discourse.nodered.org/t/create-a-clickable-list-table-to-populate-text-fields/42015/3 "2021-03-04T21:11:35Z")

</div>

The ui\_table node has a configuration option to output data from a row that was clicked. If you enable this option and attach a debug node in the output of the ui\_table you will see how the data if structured. You may want to add a few switch nodes to branch the output of the ui\_table where each branch will have a ui text widget.

![r-4](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/b/9b6196c57b2f1e6c14d0d22df1ee42b2ef10af34.jpeg)

---

<div class="post-metadata">

**Author:** ![manie](https://avatars.discourse-cdn.com/v4/letter/m/dfb087/32.png) [@manie](https://discourse.nodered.org/u/manie)\
**Post date:** [8 March 2021 06:52 UTC](https://discourse.nodered.org/t/create-a-clickable-list-table-to-populate-text-fields/42015/4 "2021-03-08T06:52:26Z")

</div>

Thank you very much @TotallyInformation!. I will definitely use what you said to make it work! I will let you know the outcome.

---

<div class="post-metadata">

**Author:** ![manie](https://avatars.discourse-cdn.com/v4/letter/m/dfb087/32.png) [@manie](https://discourse.nodered.org/u/manie)\
**Post date:** [8 March 2021 06:53 UTC](https://discourse.nodered.org/t/create-a-clickable-list-table-to-populate-text-fields/42015/5 "2021-03-08T06:53:58Z")

</div>

Thank you for the reply @Andrei!. I will definitely implement this and let you know what happens!

---

<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:** [7 May 2021 06:54 UTC](https://discourse.nodered.org/t/create-a-clickable-list-table-to-populate-text-fields/42015/6 "2021-05-07T06:54:52Z")

</div>

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