# 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:** 9

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [8 July 2020 16:55 UTC](https://discourse.nodered.org/t/the-colorization-of-ui-table-is-kicking-me-in-the-head/29625/9 "2020-07-08T16:55:03Z")

</div>

here is a simple example

```auto
[{"id":"c140681b.2b13c8","type":"ui_table","z":"846d7832.3348c8","group":"13b35473.20565c","name":"","order":0,"width":0,"height":0,"columns":[{"field":"title","title":"","width":"","align":"left","formatter":"plaintext","formatterParams":{"target":"_blank"}},{"field":"test","title":"","width":"","align":"left","formatter":"color","formatterParams":{"target":"_blank"}},{"field":"rest","title":"","width":"","align":"left","formatter":"plaintext","formatterParams":{"target":"_blank"}}],"outputs":0,"cts":false,"x":550,"y":620,"wires":[]},{"id":"f1da76c5.b75a78","type":"inject","z":"846d7832.3348c8","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"#ff0000","payloadType":"str","x":170,"y":600,"wires":[["6ebd4255.17ac3c"]]},{"id":"f1ae029d.a9fbf","type":"inject","z":"846d7832.3348c8","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"#00ff00","payloadType":"str","x":170,"y":640,"wires":[["6ebd4255.17ac3c"]]},{"id":"4e359597.2a49ac","type":"inject","z":"846d7832.3348c8","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"#0000ff","payloadType":"str","x":170,"y":680,"wires":[["6ebd4255.17ac3c"]]},{"id":"6ebd4255.17ac3c","type":"function","z":"846d7832.3348c8","name":"","func":"msg.payload = [{title:\"Row1\", test:msg.payload, rest:\"More words\"}]\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","x":390,"y":620,"wires":[["c140681b.2b13c8"]]},{"id":"13b35473.20565c","type":"ui_group","z":"","name":"Default","tab":"ced4b0d9.bad33","order":1,"disp":true,"width":"6","collapse":false},{"id":"ced4b0d9.bad33","type":"ui_tab","z":"","name":"Home","icon":"dashboard","disabled":false,"hidden":false}]

```

looks like

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/6/e6d5b01e4d8547ae7594cc92688810a588dc33e0.png)  
and gives  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/1/313b6f741836cbb6ecf18f1969491441ce19b7e9.png)  
where the colour changes to match the data button injected.  
As the node info text says  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/8/084a445f9c1e69068554ec62283316de49490901.png)  
the data needs to be the html colour name or the #rrggbb hex colour value

---

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