# Node-red-contrib-ui-table headerHozAlign

**URL:** <https://discourse.nodered.org/t/node-red-contrib-ui-table-headerhozalign/76367>\
**Category:** Dashboard\
**Tags:** node-red-dashboard\
**Created:** [9 March 2023 23:21 UTC](https://discourse.nodered.org/t/node-red-contrib-ui-table-headerhozalign/76367 "2023-03-09T23:21:22Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![akrea](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/akrea/32/68902_2.png) [@akrea](https://discourse.nodered.org/u/akrea)\
**Post date:** [9 March 2023 23:21 UTC](https://discourse.nodered.org/t/node-red-contrib-ui-table-headerhozalign/76367/1 "2023-03-09T23:21:22Z")

</div>

Hi

I recently discovered the ui-table node. Very cool - kudos to the developer!!

My issue is that the headerHozAlign attribute does not do anything to the table. All the other options have an effect (formating is in node named "ui\_control table"). Below the json object to import.

`[{ "id": "67b0dda5c1bb8eae", "type": "change", "z": "e69e2b820328072e", "name": "ui_control table", "rules": [ { "t": "set", "p": "ui_control", "pt": "msg", "to": "{\"tabulator\":{\"columns\":[{\"headerHozAlign\":\"center\",\"title\":\"Attribut\",\"field\":\"Attribut\",\"width\":220,\"frozen\":true},{\"headerHozAlign\":\"center\",\"title\":\"Nominal\",\"field\":\"Nominal\",\"width\":150,\"hozAlign\":\"center\"},{\"title\":\"Actual\",\"field\":\"Actual\",\"width\":100,\"align\":\"center\"}],\"formatter\":\"plaintext\",\"layout\":\"fitColumns\",\"movableColumns\":true,\"groupBy\":\"\",\"initialSort\":[{\"column\":\"Attribut\",\"dir\":\"asc\"}]}}", "tot": "json" } ], "action": "", "property": "", "from": "", "to": "", "reg": false, "x": 580, "y": 380, "wires": [[ "ed66aed26e2e01ea"] ] }, { "id": "ed66aed26e2e01ea", "type": "link out", "z": "e69e2b820328072e", "name": "ui_control header return", "mode": "return", "links": [], "x": 755, "y": 380, "wires": [] }, { "id": "8460896df5bfaab0", "type": "link in", "z": "e69e2b820328072e", "name": "ui_control table", "links": [], "x": 425, "y": 380, "wires": [[ "67b0dda5c1bb8eae"] ] }, { "id": "73a983a364284c76", "type": "function", "z": "e69e2b820328072e", "name": "table generator", "func": "\n\nlet _table = []\n\n _table.push({\n \"Attribut\": \"y\",\n \"Nominal\" : 10,\n \"Actual\" : 11,\n \"tol\": \"red\"\n },\n {\n \"Attribut\": \"b\",\n \"Nominal\": 20,\n \"Actual\": 20,\n \"tol\": \"\"\n },\n {\n \"Attribut\": \"c\",\n \"Nominal\": 5,\n \"Actual\": 10,\n \"tol\": \"red\"\n }\n )\n \n\n//msg.onlyUpdateRows=true\n\nmsg.payload = _table\n\n\nreturn msg;", "outputs": 1, "noerr": 0, "initialize": "", "finalize": "", "libs": [], "x": 380, "y": 540, "wires": [[ "4439ec4124259b98"] ] }, { "id": "4439ec4124259b98", "type": "link call", "z": "e69e2b820328072e", "name": "", "links": ["8460896df5bfaab0"], "linkType": "static", "timeout": "30", "x": 600, "y": 540, "wires": [[ "e6722dbe12656673", "4a8a2bde719c5837"] ] }, { "id": "e6722dbe12656673", "type": "ui_table", "z": "e69e2b820328072e", "group": "0e44d66d97260f34", "name": "nominal vs real", "order": 1, "width": 8, "height": 18, "columns": [], "outputs": 0, "cts": false, "x": 860, "y": 540, "wires": [] }, { "id": "3c262e5e819dd87b", "type": "inject", "z": "e69e2b820328072e", "name": "", "props": [{ "p": "payload" }, { "p": "topic", "vt": "str" }], "repeat": "", "crontab": "", "once": false, "onceDelay": 0.1, "topic": "", "payload": "", "payloadType": "date", "x": 180, "y": 540, "wires": [[ "73a983a364284c76"] ] }, { "id": "4a8a2bde719c5837", "type": "debug", "z": "e69e2b820328072e", "name": "debug 1", "active": true, "tosidebar": true, "console": false, "tostatus": false, "complete": "true", "targetType": "full", "statusVal": "", "statusType": "auto", "x": 860, "y": 460, "wires": [] }, { "id": "0e44d66d97260f34", "type": "ui_group", "name": "Nominale VS Reale Werte", "tab": "f0b58557b2604459", "order": 1, "disp": true, "width": "8", "collapse": false, "className": "" }, { "id": "f0b58557b2604459", "type": "ui_tab", "name": "Recipe vs. current values", "icon": "dashboard", "order": 1, "disabled": false, "hidden": false } ]`

According to [gitHub-Page](https://github.com/node-red/node-red-ui-nodes) they moved to [tabulator v5](https://tabulator.info/docs/5.4/columns#main-contents) so the function should exist.

Am I doing something wrong?

Thank you very much!

---

<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:** [10 March 2023 13:44 UTC](https://discourse.nodered.org/t/node-red-contrib-ui-table-headerhozalign/76367/2 "2023-03-10T13:44:09Z")

</div>

No we still use tabulator v4. So headerHozAlign is not available.

---

<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:** [24 March 2023 13:44 UTC](https://discourse.nodered.org/t/node-red-contrib-ui-table-headerhozalign/76367/3 "2023-03-24T13:44:40Z")

</div>

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