# The colorization of ui\_table is kicking me in the head!

**URL:** <https://discourse.nodered.org/t/the-colorization-of-ui-table-is-kicking-me-in-the-head/29625>\
**Category:** General\
**Created:** [6 July 2020 22:31 UTC](https://discourse.nodered.org/t/the-colorization-of-ui-table-is-kicking-me-in-the-head/29625 "2020-07-06T22:31:20Z")\
**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:** [8 July 2020 05:41 UTC](https://discourse.nodered.org/t/the-colorization-of-ui-table-is-kicking-me-in-the-head/29625/5 "2020-07-08T05:41:03Z")

</div>

Hi,  
First, take a look at the readme of the ui-table node, there is a lot of information in there. Then take a look at the provided examples. (Import flow/examples). Then search the forum for `ui-table ui_control`. Then read the tabulator docs.  
The way dashboard nodes work is that they do the front end stuff for you and you only provide the data.  
So all tabulator configuration is done by sending a `msg.ui_control.tabulator` object. All data of you code snippet you provided must be transferred into that object to be sent over by ui-table to the frontend where the table will appear in your browser.  
I suggest first to start with the ui-table ui\_control example.  
What you like to do is doable:

> [@Examples for node-red-node-ui-table](https://discourse.nodered.org/t/examples-for-node-red-node-ui-table/14256/86):
>
> Yes ... I use this function in my "remote device table" [image] to indicate the state of my remote devices. { "tabulator": { "rowFormatter": "function(row){ var data = row.getData(); switch (data.$state) { case \"lost\": row.getElement().style.backgroundColor = \"#9e2e66\"; row.getElement().style.color = \"#a6a6a6\"; break; case \"sleeping\": row.getElement().style.backgroundColor = \"#336699\"; br…

In this thread and in the next one you find a lot of examples and insights:

> [@Ui-table supports ui\_control](https://discourse.nodered.org/t/ui-table-supports-ui-control/18870):
>
> Hello all, ui-table supports now sending msg.ui\_control messages to have more possibilities to style your dashboard table: or with grouping Example flow included but many other things should be possible. This Example is "generated" by data collected by my home automation system thermostat giving a compact overview of all values and settings with only one ui-node. Curious to see what you can do with it. Comments always welcome. Chris

---

_[View the full topic](https://discourse.nodered.org/t/the-colorization-of-ui-table-is-kicking-me-in-the-head/29625)._