# Callback as json argument
**URL:** https://discourse.nodered.org/t/callback-as-json-argument/24529
**Category:** General
**Created:** [9 April 2020 14:30 UTC](https://discourse.nodered.org/t/callback-as-json-argument/24529 "2020-04-09T14:30:52Z")
**Posts on this page:** 20
**Page:** 1
### Author:  [@frankzappa](https://discourse.nodered.org/u/frankzappa)
#### Post date: [9 April 2020 14:30 UTC](https://discourse.nodered.org/t/callback-as-json-argument/24529/1 "2020-04-09T14:30:52Z")
Hi dear community!!!
I've thank this was right topic...
I've got one (in fact a lot...) big trouble.
I want to put a callback as the argument of the "legend" property, as you could see, but the json editor says error:
..........
{
"title": "Progress",
"field": "Progress",
"width": 100,
"headerSort": false,
"formatter": "progress",
"formatterParams": {
"color": "Olive",
"legend": function(v){return v},
"legendColor": "#000000"
},
"sorter": "number"
},
..........
I've tried to put the quotation marks, but the table (ui e-table node) recognizes it as a string.
Thanks in advance.
Bye.
---
### Author:  [@knolleary](https://discourse.nodered.org/u/knolleary)
#### Post date: [9 April 2020 14:53 UTC](https://discourse.nodered.org/t/callback-as-json-argument/24529/2 "2020-04-09T14:53:41Z")
Hi @frankzappa
You cannot have a Function in a JSON document - they aren't a type that JSON supports.
You would have to use a Function node to create the object in javascript
---
### Author:  [@frankzappa](https://discourse.nodered.org/u/frankzappa)
#### Post date: [9 April 2020 15:59 UTC](https://discourse.nodered.org/t/callback-as-json-argument/24529/3 "2020-04-09T15:59:58Z")
Thanks at first.
I've seen that in a js document "function()" changes color to blue.
But now the trouble is getting bigger...
I'm trying to pass to the ui-e-table node the file in this way:
msg.payload = [{title: "a", field: "a"},{title: "b", field: "b"}]
but the ui-e-table node hasn't got the msg type of data.
I've tried also flow.set() in my function with flow.get() in the ui-e-table, but nothing...
Please help me.....
---
### Author:  [@frankzappa](https://discourse.nodered.org/u/frankzappa)
#### Post date: [11 April 2020 08:41 UTC](https://discourse.nodered.org/t/callback-as-json-argument/24529/4 "2020-04-11T08:41:04Z")
I've found it!!
I was seeing the ui-e-table, but finally i've found the examples of the ui-table, and then it works.
Only one question:
If i put, for example "headerVisible":false(or "height": "30%", all these as arguments of "tabulator"), the header does not do his work; and this behaviour i've found also in the examples downloaded from github.
Why?
---
### Author:  [@Christian-Me](https://discourse.nodered.org/u/Christian-Me)
#### Post date: [11 April 2020 09:03 UTC](https://discourse.nodered.org/t/callback-as-json-argument/24529/5 "2020-04-11T09:03:23Z")
Hi,
Perhaps I can help with the ui-table things. Everything what is supported by tabulator as arguments could be passed by ui\_control. Perhaps you can post your json to take a look (please use the code format tool).
---
### Author:  [@frankzappa](https://discourse.nodered.org/u/frankzappa)
#### Post date: [11 April 2020 09:17 UTC](https://discourse.nodered.org/t/callback-as-json-argument/24529/6 "2020-04-11T09:17:38Z")
First of all, thanks!!
Then... It's quicker that you try to implement the "headerVisible":false over the example n.3 in github( 3 ui\_control table.json), I wasn't able...
---
### Author:  [@Christian-Me](https://discourse.nodered.org/u/Christian-Me)
#### Post date: [11 April 2020 09:38 UTC](https://discourse.nodered.org/t/callback-as-json-argument/24529/7 "2020-04-11T09:38:13Z")
I will but I don’t have access to my computer right now
---
### Author:  [@Christian-Me](https://discourse.nodered.org/u/Christian-Me)
#### Post date: [11 April 2020 15:53 UTC](https://discourse.nodered.org/t/callback-as-json-argument/24529/8 "2020-04-11T15:53:50Z")
> [@frankzappa](#):
>
> "headerVisible":false
Workring for here ...
Perhaps reload the page (the ui-contol node has to kick in)
(without headerVisible):
---
### Author:  [@frankzappa](https://discourse.nodered.org/u/frankzappa)
#### Post date: [11 April 2020 16:18 UTC](https://discourse.nodered.org/t/callback-as-json-argument/24529/9 "2020-04-11T16:18:11Z")
It's not working for me.
Could I see your flow?
---
### Author:  [@frankzappa](https://discourse.nodered.org/u/frankzappa)
#### Post date: [11 April 2020 17:44 UTC](https://discourse.nodered.org/t/callback-as-json-argument/24529/10 "2020-04-11T17:44:02Z")
By the way, I think it's now quicker if I attach the flow...
This one is the exmple in which I've added the "headerVisible" propriety: it does not work for me.
[ex3.json](https://discourse.nodered.org/uploads/short-url/e9VgnYxqIHaVZNy6VeEI2gERAcG.json) (4.4 KB)
---
### Author:  [@Christian-Me](https://discourse.nodered.org/u/Christian-Me)
#### Post date: [11 April 2020 18:23 UTC](https://discourse.nodered.org/t/callback-as-json-argument/24529/11 "2020-04-11T18:23:02Z")
> [@frankzappa](#):
>
> Could I see your flow?
I took the ui-table example and modified it with `"headerVisible": false`
and I get this:
I added your change node with mine (set to true) and I can switch the header on/off with the inject nodes
And I updated to the latest version of the dashboard and ui-table (Node-RED 1.0.3) just to be shure.
```auto
[{"id":"47813b5f.afda84","type":"inject","z":"ab797823.3396a8","name":"","topic":"","payload":"[{\"name\":\"MEQ0451495\",\"room\":\"Bathroom\",\"SET_TEMPERATURE-value\":22,\"ACTUAL_TEMPERATURE-value\":21.8,\"VALVE_STATE-value\":90,\"BATTERY_STATE-value\":2.7,\"BOOST_STATE-value\":0,\"AUTO_MODE-value\":true,\"CONTROL_MODE-value\":0},{\"name\":\"MEQ1875547\",\"room\":\"Living Room\",\"SET_TEMPERATURE-value\":12,\"ACTUAL_TEMPERATURE-value\":16.2,\"VALVE_STATE-value\":0,\"BATTERY_STATE-value\":2.7,\"BOOST_STATE-value\":0,\"AUTO_MODE-value\":false,\"CONTROL_MODE-value\":1},{\"name\":\"MEQ1875538\",\"room\":\"Living Room\",\"SET_TEMPERATURE-value\":18,\"ACTUAL_TEMPERATURE-value\":19.5,\"VALVE_STATE-value\":0,\"BATTERY_STATE-value\":2.6,\"BOOST_STATE-value\":0,\"AUTO_MODE-value\":false,\"CONTROL_MODE-value\":2},{\"name\":\"MEQ0447462\",\"room\":\"Kitchen\",\"SET_TEMPERATURE-value\":17,\"ACTUAL_TEMPERATURE-value\":22.2,\"VALVE_STATE-value\":0,\"BATTERY_STATE-value\":2.7,\"BOOST_STATE-value\":10,\"AUTO_MODE-value\":false,\"CONTROL_MODE-value\":3},{\"name\":\"MEQ1875551\",\"room\":\"Office\",\"SET_TEMPERATURE-value\":18,\"ACTUAL_TEMPERATURE-value\":20.2,\"VALVE_STATE-value\":0,\"BATTERY_STATE-value\":2.7,\"BOOST_STATE-value\":0,\"AUTO_MODE-value\":false,\"CONTROL_MODE-value\":0},{\"name\":\"MEQ0447425\",\"room\":\"Dining Room\",\"SET_TEMPERATURE-value\":19,\"ACTUAL_TEMPERATURE-value\":20.4,\"VALVE_STATE-value\":0,\"BATTERY_STATE-value\":2.7,\"BOOST_STATE-value\":0,\"AUTO_MODE-value\":false,\"CONTROL_MODE-value\":0},{\"name\":\"MEQ1875546\",\"room\":\"Dining Room\",\"SET_TEMPERATURE-value\":20,\"ACTUAL_TEMPERATURE-value\":18.8,\"VALVE_STATE-value\":99,\"BATTERY_STATE-value\":2.7,\"BOOST_STATE-value\":0,\"AUTO_MODE-value\":false,\"CONTROL_MODE-value\":0},{\"name\":\"MEQ0447483\",\"room\":\"Bedroom\",\"SET_TEMPERATURE-value\":17,\"ACTUAL_TEMPERATURE-value\":22.4,\"VALVE_STATE-value\":0,\"BATTERY_STATE-value\":2.7,\"BOOST_STATE-value\":0,\"AUTO_MODE-value\":false,\"CONTROL_MODE-value\":0},{\"name\":\"MEQ1875541\",\"room\":\"Child\",\"SET_TEMPERATURE-value\":18,\"ACTUAL_TEMPERATURE-value\":20.4,\"VALVE_STATE-value\":0,\"BATTERY_STATE-value\":2.7,\"BOOST_STATE-value\":0,\"AUTO_MODE-value\":false,\"CONTROL_MODE-value\":0},{\"name\":\"MEQ1875552\",\"room\":\"Guest Room\",\"SET_TEMPERATURE-value\":20,\"ACTUAL_TEMPERATURE-value\":21.1,\"VALVE_STATE-value\":9,\"BATTERY_STATE-value\":2.8,\"BOOST_STATE-value\":0,\"AUTO_MODE-value\":false,\"CONTROL_MODE-value\":0}]","payloadType":"json","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":509,"y":306,"wires":[["15f66c3e.67e504"]]},{"id":"15f66c3e.67e504","type":"change","z":"ab797823.3396a8","name":"ui_control","rules":[{"t":"set","p":"ui_control","pt":"msg","to":"{\"tabulator\":{\"headerVisible\":true,\"columnResized\":\"function(column){ var newColumn = { field: column._column.field, visible: column._column.visible, width: column._column.width, widthFixed: column._column.widthFixed, widthStyled: column._column.widthStyled }; this.send({topic:this.config.topic,ui_control:{callback:'columnResized',columnWidths:newColumn}}); }\",\"columnMoved\":\"function(column, columns){ var newColumns=[]; columns.forEach(function (column) { newColumns.push({'field': column._column.field}); }); this.send({topic:this.config.topic,ui_control:{callback:'columnMoved',columns:newColumns}}); }\",\"groupHeader\":\"function (value, count, data, group) {return value + \\\"(\\\" + count + \\\" Termostat\\\"+((count>1) ? \\\"e\\\" : \\\"\\\") + \\\")\\\";}\",\"columns\":[{\"formatterParams\":{\"target\":\"_blank\"},\"title\":\"ROom\",\"field\":\"room\",\"width\":100,\"frozen\":true},{\"formatterParams\":{\"target\":\"_blank\"},\"title\":\"Device\",\"field\":\"name\",\"width\":100,\"align\":\"center\"},{\"formatterParams\":{\"target\":\"_blank\"},\"title\":\"Type\",\"field\":\"deviceType\",\"width\":100,\"align\":\"center\"},{\"formatterParams\":{\"target\":\"_blank\"},\"title\":\"Measurements\",\"columns\":[{\"formatterParams\":{\"target\":\"_blank\"},\"title\":\"target\",\"field\":\"SET_TEMPERATURE-value\",\"formatter\":\"function(cell, formatterParams, onRendered){return cell.getValue()+'°C';}\",\"topCalc\":\"avg\",\"width\":100},{\"formatterParams\":{\"target\":\"_blank\",\"min\":10,\"max\":25,\"color\":[\"blue\",\"green\",\"red\"],\"legend\":\"function (value) {return ' '+value+'°C';}\",\"legendColor\":\"#101010\",\"legendAlign\":\"left\"},\"title\":\"current\",\"field\":\"ACTUAL_TEMPERATURE-value\",\"formatter\":\"progress\",\"topCalc\":\"avg\",\"width\":100},{\"formatterParams\":{\"target\":\"_blank\",\"min\":0,\"max\":99,\"color\":[\"gray\",\"orange\",\"red\"],\"legend\":\"function (value) {return (value>0)? ' '+value+' %' : '-';}\",\"legendColor\":\"#101010\",\"legendAlign\":\"center\"},\"title\":\"Valve\",\"field\":\"VALVE_STATE-value\",\"formatter\":\"progress\",\"topCalc\":\"max\",\"width\":100},{\"formatterParams\":{\"target\":\"_blank\",\"min\":1.5,\"max\":4.6,\"color\":[\"red\",\"orange\",\"green\"],\"legend\":\"function (value) {return value+' V';}\",\"legendColor\":\"#101010\",\"legendAlign\":\"center\"},\"title\":\"Batt\",\"field\":\"BATTERY_STATE-value\",\"formatter\":\"progress\",\"topCalc\":\"min\",\"width\":100}]},{\"formatterParams\":{\"target\":\"_blank\"},\"title\":\"Settings\",\"columns\":[{\"formatterParams\":{\"target\":\"_blank\",\"min\":0,\"max\":30,\"color\":[\"red\",\"orange\",\"green\"],\"legend\":\"function (value) { if (value>0) return \\\"\\\"+value+\\\" min\\\"; else return \\\"aus\\\"; }\",\"legendColor\":\"#101010\",\"legendAlign\":\"center\"},\"title\":\"Boost\",\"field\":\"BOOST_STATE-value\",\"formatter\":\"progress\",\"width\":100},{\"formatterParams\":{\"target\":\"_blank\",\"allowEmpty\":true,\"allowTruthy\":true,\"tickElement\":\"\",\"crossElement\":\"\"},\"title\":\"Auto\",\"field\":\"AUTO_MODE-value\",\"formatter\":\"tickCross\",\"width\":100,\"align\":\"center\"},{\"formatterParams\":{\"target\":\"_blank\"},\"title\":\"Mode\",\"field\":\"CONTROL_MODE-value\",\"formatter\":\"function(cell, formatterParams, onRendered){ var html=\\\"(\\\" + count + \\\" Termostat\\\"+((count>1) ? \\\"e\\\" : \\\"\\\") + \\\")\\\";}\",\"columns\":[{\"formatterParams\":{\"target\":\"_blank\"},\"title\":\"ROom\",\"field\":\"room\",\"width\":100,\"frozen\":true,\"headerVisible\":false},{\"formatterParams\":{\"target\":\"_blank\"},\"title\":\"Device\",\"field\":\"name\",\"width\":100,\"align\":\"center\"},{\"formatterParams\":{\"target\":\"_blank\"},\"title\":\"Type\",\"field\":\"deviceType\",\"width\":100,\"align\":\"center\"},{\"formatterParams\":{\"target\":\"_blank\"},\"title\":\"Measurements\",\"columns\":[{\"formatterParams\":{\"target\":\"_blank\"},\"title\":\"target\",\"field\":\"SET_TEMPERATURE-value\",\"formatter\":\"function(cell, formatterParams, onRendered){return cell.getValue()+'°C';}\",\"topCalc\":\"avg\",\"width\":100},{\"formatterParams\":{\"target\":\"_blank\",\"min\":10,\"max\":25,\"color\":[\"blue\",\"green\",\"red\"],\"legend\":\"function (value) {return ' '+value+'°C';}\",\"legendColor\":\"#101010\",\"legendAlign\":\"left\"},\"title\":\"current\",\"field\":\"ACTUAL_TEMPERATURE-value\",\"formatter\":\"progress\",\"topCalc\":\"avg\",\"width\":100},{\"formatterParams\":{\"target\":\"_blank\",\"min\":0,\"max\":99,\"color\":[\"gray\",\"orange\",\"red\"],\"legend\":\"function (value) {return (value>0)? ' '+value+' %' : '-';}\",\"legendColor\":\"#101010\",\"legendAlign\":\"center\"},\"title\":\"Valve\",\"field\":\"VALVE_STATE-value\",\"formatter\":\"progress\",\"topCalc\":\"max\",\"width\":100},{\"formatterParams\":{\"target\":\"_blank\",\"min\":1.5,\"max\":4.6,\"color\":[\"red\",\"orange\",\"green\"],\"legend\":\"function (value) {return value+' V';}\",\"legendColor\":\"#101010\",\"legendAlign\":\"center\"},\"title\":\"Batt\",\"field\":\"BATTERY_STATE-value\",\"formatter\":\"progress\",\"topCalc\":\"min\",\"width\":100}]},{\"formatterParams\":{\"target\":\"_blank\"},\"title\":\"Settings\",\"columns\":[{\"formatterParams\":{\"target\":\"_blank\",\"min\":0,\"max\":30,\"color\":[\"red\",\"orange\",\"green\"],\"legend\":\"function (value) { if (value>0) return \\\"\\\"+value+\\\" min\\\"; else return \\\"aus\\\"; }\",\"legendColor\":\"#101010\",\"legendAlign\":\"center\"},\"title\":\"Boost\",\"field\":\"BOOST_STATE-value\",\"formatter\":\"progress\",\"width\":100},{\"formatterParams\":{\"target\":\"_blank\",\"allowEmpty\":true,\"allowTruthy\":true,\"tickElement\":\"\",\"crossElement\":\"\"},\"title\":\"Auto\",\"field\":\"AUTO_MODE-value\",\"formatter\":\"tickCross\",\"width\":100,\"align\":\"center\"},{\"formatterParams\":{\"target\":\"_blank\"},\"title\":\"Mode\",\"field\":\"CONTROL_MODE-value\",\"formatter\":\"function(cell, formatterParams, onRendered){ var html=\\\"
### Author:  [@Christian-Me](https://discourse.nodered.org/u/Christian-Me)
#### Post date: [11 April 2020 18:27 UTC](https://discourse.nodered.org/t/callback-as-json-argument/24529/12 "2020-04-11T18:27:33Z")
And by the way ... I use chrome on windows 10 (all latest version)
Sorry ... your change node is correct, the flow is simple, I can`t say what could be wrong:
- Browser?
- Node-RED version (unlikely)
- dashboard version (perhaps)
- ui-table version (perhaps too but unlikely, I did`t changed something regarding how ui\_control messages are passed to tabulator)
Last thing ... are you uising ui-e-table or the "official" ui-table?
---
### Author:  [@frankzappa](https://discourse.nodered.org/u/frankzappa)
#### Post date: [12 April 2020 15:41 UTC](https://discourse.nodered.org/t/callback-as-json-argument/24529/13 "2020-04-12T15:41:09Z")
Hi Christian.
Now I've discovered that ui-table is "official" otherwise that ui-e-table: this last one is the first I've found when I've been searching for a way to create a table...
This morning was trying to uninstall the ui-e, when after making sudo reboot the sd card died (_#!@/_!#)
So I'm begginning a new installation of the system.
When I will finished i will tell you the result.
Only one thing....
I was trying to implement a callback, but without result (I attach the code line because I can't open node-red...):
"rowMouseLeave": "function(e, row){this.send({payload:row,ui\_control:{callback:'rowMouseLeave'}});return row.getData());}
I'm sorry but I'm not a programmer (despite I'm studying a lot: js, css, html...).
Thanks.
Ah, happy easter.
---
### Author:  [@Colin](https://discourse.nodered.org/u/Colin)
#### Post date: [12 April 2020 16:09 UTC](https://discourse.nodered.org/t/callback-as-json-argument/24529/14 "2020-04-12T16:09:35Z")
> [@frankzappa](#):
>
> the sd card died (
Hopefully with a better quality sd card.
---
### Author:  [@Christian-Me](https://discourse.nodered.org/u/Christian-Me)
#### Post date: [12 April 2020 19:17 UTC](https://discourse.nodered.org/t/callback-as-json-argument/24529/15 "2020-04-12T19:17:57Z")
When all is up and running, first take a look at the browser console and look for error messages. Perhaps place the `debugger;` statement at the beginning of your callback function. Or use `console.log();` statements. Remember your callback function works in the browser so all debugging happens there.
---
### Author:  [@Christian-Me](https://discourse.nodered.org/u/Christian-Me)
#### Post date: [12 April 2020 19:25 UTC](https://discourse.nodered.org/t/callback-as-json-argument/24529/16 "2020-04-12T19:25:02Z")
What I see in you code (difficult as you do not use the code (preformed text) function is that the return statement makes no sense until you like to return something to tabulator.
```auto
function(e, row){
this.send({payload:row.getData(),ui_control:{callback:'rowMouseLeave'}});
}
```
And please use direct replies to one of my posts or @Christian-Me or it is likely that I don’t get notification of your question
---
### Author:  [@frankzappa](https://discourse.nodered.org/u/frankzappa)
#### Post date: [13 April 2020 12:37 UTC](https://discourse.nodered.org/t/callback-as-json-argument/24529/17 "2020-04-13T12:37:33Z")
Reinstalled everything, but headerVisible is continuing not to work.
Still not implemented the callback, later I will tell you..
In the console it says, more than the other things: "Invalid column definition option in 'room' column: headerVisible"
This thing occurs in Chrome and in Mozilla.
---
### Author:  [@Christian-Me](https://discourse.nodered.org/u/Christian-Me)
#### Post date: [13 April 2020 12:42 UTC](https://discourse.nodered.org/t/callback-as-json-argument/24529/18 "2020-04-13T12:42:01Z")
Did you put `headerVisible` in the **room** column definition?
It must be placed in the root tabulator object because it effects the hole table not only a specific column.
```auto
{
"customHeight": 18,
"tabulator": {
"headerVisible":false,
"index": "id",
"layout": "fitColumns",
"movableColumns": true,
"movableRows": true,
"groupBy": "",
"columns": [
{
"rowHandle": true,
"formatter": "handle",
"headerSort": false,
"frozen": true,
"width": 30,
"minWidth": 30
},
```
---
### Author:  [@frankzappa](https://discourse.nodered.org/u/frankzappa)
#### Post date: [13 April 2020 12:50 UTC](https://discourse.nodered.org/t/callback-as-json-argument/24529/19 "2020-04-13T12:50:42Z")
Yes, it's the first propriety after "tabulator", like yours. I don't know why it don't recognizes it.
---
### Author:  [@frankzappa](https://discourse.nodered.org/u/frankzappa)
#### Post date: [13 April 2020 13:20 UTC](https://discourse.nodered.org/t/callback-as-json-argument/24529/20 "2020-04-13T13:20:11Z")
Yes, it's the first propriety after "tabulator", like yours. I don't know why it don't recognizes it.
[Next page](https://discourse.nodered.org/t/callback-as-json-argument/24529.md?page=2)