# 2D/vertical UI-Table in Tabulator format?

**URL:** <https://discourse.nodered.org/t/2d-vertical-ui-table-in-tabulator-format/56756>\
**Category:** General\
**Created:** [16 January 2022 18:29 UTC](https://discourse.nodered.org/t/2d-vertical-ui-table-in-tabulator-format/56756 "2022-01-16T18:29:29Z")\
**Posts on this page:** 1\
**Showing post:** 5

<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:** [17 January 2022 20:25 UTC](https://discourse.nodered.org/t/2d-vertical-ui-table-in-tabulator-format/56756/5 "2022-01-17T20:25:11Z")

</div>

Have you tried the examples? Especially example 3-6 are all around ui\_control and tabulator commands.

And then the ultimate resource is the [tabulator docs](http://tabulator.info/docs/4.3)! Make sure you selected Version 4.3.

Nearly everything shown there you can do with via ui-table either msg.ui\_control (for styling) and msg.payload= {}. [node-red-node-ui-table (node) - Node-RED](https://flows.nodered.org/node/node-red-node-ui-table)

I don't know etable but the developper "DEPRECATED" the node almost 2 years ago. I think is acts similar but could not do much more for you.

For styling and how to use commands you might like to **take a look here in the forum**... There is a ton of information starting from: [Ui-table supports ui\_control](https://discourse.nodered.org/t/ui-table-supports-ui-control/18870)

And to do things simpler you might give my ui-table-handler a test. [I recently made a demo and update for it](https://discourse.nodered.org/t/get-ui-table-data-in-json-format/55262/11)

And last but not least this one. [[Announce] remote device table (and collaboration wanted)](https://discourse.nodered.org/t/announce-remote-device-table-and-collaboration-wanted/22505)

> [@interscope101](#):
>
> it doesn't exist in the tabulator ui\_control ?

As I wrote before everything [tabulator offers](http://tabulator.info/examples/4.3) is possible when it comes to styling ... in this case you have to write your own [formatter which is a simple callback](https://discourse.nodered.org/t/ui-table-in-conjunction-with-ui-table-handler/56554/5) function to style your cells

ui\_control is the config object you pass to ui-table. The examples show how to use tabulator on the client side. As you control the client (dashboard) from a server (node-red) you have to pass everything through ui-table via msg.ui-control. The only challenge is to "translate" it into your js object or JSON or pass commands via msg.payload [Object]

```auto
msg.payload = {
    command:"updateOrAddData",
    arguments:[
        {
            "Label": "ROI",
            "Investment 1": 999
        }
    ],
    returnPromise : false
    }
}

```

Updates the ROI in investment 1 to 999 ([and this is the command](http://tabulator.info/docs/4.3/update#alter))

---

_[View the full topic](https://discourse.nodered.org/t/2d-vertical-ui-table-in-tabulator-format/56756)._