# Dashboard Detailed Table

**URL:** <https://discourse.nodered.org/t/dashboard-detailed-table/31512>\
**Category:** Dashboard\
**Created:** [13 August 2020 06:31 UTC](https://discourse.nodered.org/t/dashboard-detailed-table/31512 "2020-08-13T06:31:18Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![JVergara](https://avatars.discourse-cdn.com/v4/letter/j/85e7bf/32.png) [@JVergara](https://discourse.nodered.org/u/JVergara)\
**Post date:** [13 August 2020 06:31 UTC](https://discourse.nodered.org/t/dashboard-detailed-table/31512/1 "2020-08-13T06:31:18Z")

</div>

Hello,

I want to know more about the ui table in NODE-Red App. I would like to know how is the best way to implement a detailed and modernd design Table from a message object in my NODE-Red App.

I have read that could be easy with jQuery & Angular & a jQuery addin. but I would like some information about this.

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [13 August 2020 09:31 UTC](https://discourse.nodered.org/t/dashboard-detailed-table/31512/2 "2020-08-13T09:31:35Z")

</div>

> [@JVergara](#):
>
> I want to know more about the ui table

have you read the existing information: [node-red-node-ui-table (node) - Node-RED](https://flows.nodered.org/node/node-red-node-ui-table)?

What kind of information are you looking for and - more important - what have you tried?

---

<div class="post-metadata">

**Author:** ![JVergara](https://avatars.discourse-cdn.com/v4/letter/j/85e7bf/32.png) [@JVergara](https://discourse.nodered.org/u/JVergara)\
**Post date:** [13 August 2020 09:52 UTC](https://discourse.nodered.org/t/dashboard-detailed-table/31512/3 "2020-08-13T09:52:58Z")

</div>

Thanks this is a very good information. But I would like know if its possible to do some extended table , for example like this

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/f/faae23fd91b2143289cfab394a6345f8ca327981.png)

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [13 August 2020 09:58 UTC](https://discourse.nodered.org/t/dashboard-detailed-table/31512/4 "2020-08-13T09:58:09Z")

</div>

did you look thru the `Flows` tab of this site for examples using tables?

---

<div class="post-metadata">

**Author:** ![Christian-Me](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/christian-me/32/10774_2.png) [@Christian-Me](https://discourse.nodered.org/u/Christian-Me)\
**Post date:** [13 August 2020 13:30 UTC](https://discourse.nodered.org/t/dashboard-detailed-table/31512/5 "2020-08-13T13:30:57Z")

</div>

Hi,

Ui-table is based on the tabulator library and can be configured via ui\_control messages:

> [@Ui-table supports ui\_control](https://discourse.nodered.org/t/ui-table-supports-ui-control/18870/24):
>
> Hi Dave, I meant vanilla Node-RED dashboard widget ui-table not tabulator directly. To achieve this function the cellClick callback is used. I know the latest ui-control feature upgrade is not documented in detail. Most is described by the example flow. Sorry for that it is only lack of time that docs are not always up to date. (BTW who RTFM anyway? - I do but ...)

I use it a lot, editable tables progress bars groups ....

More info here: [http://tabulator.info/](http://tabulator.info/)

---

<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:** [12 September 2020 13:31 UTC](https://discourse.nodered.org/t/dashboard-detailed-table/31512/6 "2020-09-12T13:31:07Z")

</div>

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