# UI Table Adjustments

**URL:** <https://discourse.nodered.org/t/ui-table-adjustments/56178>\
**Category:** Dashboard\
**Created:** [5 January 2022 21:36 UTC](https://discourse.nodered.org/t/ui-table-adjustments/56178 "2022-01-05T21:36:31Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![jgreenmt](https://avatars.discourse-cdn.com/v4/letter/j/7feea3/32.png) [@jgreenmt](https://discourse.nodered.org/u/jgreenmt)\
**Post date:** [5 January 2022 22:39 UTC](https://discourse.nodered.org/t/ui-table-adjustments/56178/5 "2022-01-05T22:39:52Z")

</div>

As you can see in the code above I am having to adjust the font individually for each property (column). So my original question of being able to adjust the universal font for the table still stands.

@jbudd This is the code inside my ui\_template that I borrowed from the example I posted above. If you would like me to share a flow I can, but I believe I followed the instructions properly from the example. The only instructions he gave were to put the ui\_template node in the same group as your ui\_table which I have done.

```auto
<style>

/* Tabelle selbst formatieren*/

  .tabulator{padding-left:2px;border:0px solid #BBB;background-color:#111217;font-size:18px}

/* Header formatieren */
  .tabulator .tabulator-header{border-bottom:1px solid #BBB;background-color:#111217}
  .tabulator-col-content{background-color:#111217;height:37px}
  .tabulator .tabulator-header .tabulator-col{border-right:0px solid #aaa;background-color:#111217}
  .tabulator-arrow{visibility: collapse;}
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {padding-right: 2px;}

/* Zellen formatieren*/
  .tabulator-row{min-height:31px;background-color:#191E21}
  .tabulator-row:nth-child(2n){background-color:#111217}
  .tabulator-row .tabulator-cell{border-right:0px solid #888; padding-top: 4px;}

</style>

```

> [@Examples for node-red-node-ui-table](https://discourse.nodered.org/t/examples-for-node-red-node-ui-table/14256):
>
> @kazuhitoyokoi / @dceejay - I just stumbled across your new node-red-ui-node-table table node. Very nice! I have tons of Node-RED dashboards where I hand build html tables inside function nodes and render them in an ui\_template node. This is going to be a fantastic simplification. I've started to experiment with the new Table node. [https://flows.nodered.org/node/node-red-ui-node-table](https://flows.nodered.org/node/node-red-ui-node-table) I would love to see more table example screenshots posted to Thanks!

In this thread another ui\_template node was used to adjust the formatting. It contains almost the same code but with different styling. This one doesn't work for me either.

Also just to clarify originally I imported both examples and did not change anything except for the group location. The code inside was identical to the example I imported. Later I tried adjusting the color values but at no point has either example changed any of the colors in my table.

---

_[View the full topic](https://discourse.nodered.org/t/ui-table-adjustments/56178)._