# Add HTML to cell in ui-table

**URL:** <https://discourse.nodered.org/t/add-html-to-cell-in-ui-table/86470>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [16 March 2024 07:43 UTC](https://discourse.nodered.org/t/add-html-to-cell-in-ui-table/86470 "2024-03-16T07:43:42Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![network\_potato](https://avatars.discourse-cdn.com/v4/letter/n/59ef9b/32.png) [@network\_potato](https://discourse.nodered.org/u/network_potato)\
**Post date:** [16 March 2024 07:43 UTC](https://discourse.nodered.org/t/add-html-to-cell-in-ui-table/86470/1 "2024-03-16T07:43:42Z")

</div>

Hi,

I have a flow that queries a database and outputs the result (JSON) to a table using ui-table (v2).

I want to make it so that that every cell in the first column (which contains a customer number) becomes clickable, and when I click on the cell, the number is sent to the server (http request or simular) to use further in a new flow. Or better yet, make the whole row clickable (better user experience).

How would I go on to achieve this?

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [16 March 2024 09:27 UTC](https://discourse.nodered.org/t/add-html-to-cell-in-ui-table/86470/2 "2024-03-16T09:27:37Z")

</div>

I presume you mean Dashboard 2 table widget, have you looked at docs [Data Table ui-table | Node-RED Dashboard 2.0](https://dashboard.flowfuse.com/nodes/widgets/ui-table.html), this is a very basic widget.  
It says for more customization look at this example [UI Template Examples | Node-RED Dashboard 2.0](https://dashboard.flowfuse.com/user/template-examples.html#custom-tables)

I will add that this is Dashboard 2 in topic title, if it is not please advise.

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [16 March 2024 12:47 UTC](https://discourse.nodered.org/t/add-html-to-cell-in-ui-table/86470/3 "2024-03-16T12:47:41Z")

</div>

It's currently not possible in the base widget, but is a very quick feature to add - I'll try and get it in over the next few days.

[GitHub Issue](https://github.com/FlowFuse/node-red-dashboard/issues/677) for tracking.

As @E1cid has mentioned the method _now_ is to use ` ui-template` node and manually build out a `v-data-table`

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [16 March 2024 14:47 UTC](https://discourse.nodered.org/t/add-html-to-cell-in-ui-table/86470/4 "2024-03-16T14:47:37Z")

</div>

Update: I've created the PR for this: [UI Table - Add row selection config, fix column arrangement & preserve defined labels by joepavitt · Pull Request #687 · FlowFuse/node-red-dashboard · GitHub](https://github.com/FlowFuse/node-red-dashboard/pull/687)

Needs to be reviewed, and I need to write some E2E tests, but almost certainly will be published in the next few days.

---

<div class="post-metadata">

**Author:** ![network\_potato](https://avatars.discourse-cdn.com/v4/letter/n/59ef9b/32.png) [@network\_potato](https://discourse.nodered.org/u/network_potato)\
**Post date:** [17 March 2024 06:44 UTC](https://discourse.nodered.org/t/add-html-to-cell-in-ui-table/86470/5 "2024-03-17T06:44:33Z")

</div>

That's awesome, thank you!

---

<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:** [31 March 2024 06:44 UTC](https://discourse.nodered.org/t/add-html-to-cell-in-ui-table/86470/6 "2024-03-31T06:44:58Z")

</div>

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