# Ui-table display update

**URL:** <https://discourse.nodered.org/t/ui-table-display-update/41780>\
**Category:** Dashboard\
**Created:** [1 March 2021 03:38 UTC](https://discourse.nodered.org/t/ui-table-display-update/41780 "2021-03-01T03:38:49Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![davidz](https://avatars.discourse-cdn.com/v4/letter/d/a88e57/32.png) [@davidz](https://discourse.nodered.org/u/davidz)\
**Post date:** [1 March 2021 03:38 UTC](https://discourse.nodered.org/t/ui-table-display-update/41780/1 "2021-03-01T03:38:50Z")

</div>

I run into a strange problem and need some help here 😅  
I am using ui-table to display sensor information. Somehow, the ui-table information is not updated until I refresh the browser. I write a test code here and it is very simple. The table information should be updated every 3 seconds. But somehow, the updated information can only be shown by refreshing the browser 😅 What could be wrong?

```auto
[{"id":"26642e55.a6fd32","type":"inject","z":"c8985bd5.a4f9f8","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"3","crontab":"","once":true,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":160,"y":700,"wires":[["d30ffc62.0fcab"]]},{"id":"d30ffc62.0fcab","type":"function","z":"c8985bd5.a4f9f8","name":"Sensor info","func":"var buf=msg.payload;\nvar temp=flow.get(\"table1\");\nif(temp==null)\n {temp=[\n {\"row\": 1,\n \"id\": 1,\n \"property\": \"hello\",\n \"uptime\":new Date().toLocaleString()\n },\n {\"row\": 2,\n \"id\": 2,\n \"property\": \"yolo\",\n \"uptime\":new Date().toLocaleString()\n }\n]}\n\ntemp[0]= {\"row\": 1,\n \"id\": 1,\n \"property\": buf.toString(),\n \"uptime\":new Date().toLocaleString()\n };\n\n\nflow.set(\"table1\",temp);\nmsg.payload=temp;\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","x":330,"y":720,"wires":[["547b7dd6.a76474","768fe06d.0f123"]]},{"id":"547b7dd6.a76474","type":"ui_table","z":"c8985bd5.a4f9f8","group":"3b02597c.184f36","name":"Test","order":3,"width":0,"height":0,"columns":[{"field":"id","title":"Label","width":"","align":"left","formatter":"rownum","formatterParams":{"target":"_blank"}},{"field":"property","title":"Property","width":"","align":"left","formatter":"plaintext","formatterParams":{"target":"_blank"}},{"field":"uptime","title":"Update time","width":"","align":"left","formatter":"plaintext","formatterParams":{"target":"_blank"}}],"outputs":0,"cts":false,"x":600,"y":680,"wires":[]},{"id":"768fe06d.0f123","type":"debug","z":"c8985bd5.a4f9f8","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","statusVal":"","statusType":"auto","x":560,"y":740,"wires":[]},{"id":"3b02597c.184f36","type":"ui_group","name":"Sensor info","tab":"1d1ac0f7.0858bf","order":1,"disp":false,"width":"18","collapse":false},{"id":"1d1ac0f7.0858bf","type":"ui_tab","name":"Sensor Info","icon":"dvr","order":10,"disabled":false,"hidden":false}]

```

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [1 March 2021 10:49 UTC](https://discourse.nodered.org/t/ui-table-display-update/41780/2 "2021-03-01T10:49:13Z")

</div>

There are multiple ways to do this. Here is one way by adding a slight delay while sending a `[]` in the payload `ui-table` then the updated table. Try this

```auto
[{"id":"26642e55.a6fd32","type":"inject","z":"327bb595.c533fa","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"3","crontab":"","once":true,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":110,"y":140,"wires":[["d30ffc62.0fcab"]]},{"id":"d30ffc62.0fcab","type":"function","z":"327bb595.c533fa","name":"Sensor info","func":"var buf=msg.payload;\nvar temp=flow.get(\"table1\");\nif(temp==null)\n {temp=[\n {\"row\": 1,\n \"id\": 1,\n \"property\": \"hello\",\n \"uptime\":new Date().toLocaleString()\n },\n {\"row\": 2,\n \"id\": 2,\n \"property\": \"yolo\",\n \"uptime\":new Date().toLocaleString()\n }\n]}\n\ntemp[0]= {\"row\": 1,\n \"id\": 1,\n \"property\": buf.toString(),\n \"uptime\":new Date().toLocaleString()\n };\n\n\nflow.set(\"table1\",temp);\nmsg.payload=temp;\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","x":290,"y":180,"wires":[["768fe06d.0f123","da15ac4f.9bad58","68991337.6ea7ec"]]},{"id":"547b7dd6.a76474","type":"ui_table","z":"327bb595.c533fa","group":"3b02597c.184f36","name":"Test","order":3,"width":0,"height":0,"columns":[{"field":"id","title":"Label","width":"","align":"left","formatter":"rownum","formatterParams":{"target":"_blank"}},{"field":"property","title":"Property","width":"","align":"left","formatter":"plaintext","formatterParams":{"target":"_blank"}},{"field":"uptime","title":"Update time","width":"","align":"left","formatter":"plaintext","formatterParams":{"target":"_blank"}}],"outputs":0,"cts":false,"x":750,"y":160,"wires":[]},{"id":"768fe06d.0f123","type":"debug","z":"327bb595.c533fa","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","statusVal":"","statusType":"auto","x":290,"y":260,"wires":[]},{"id":"da15ac4f.9bad58","type":"delay","z":"327bb595.c533fa","name":"","pauseType":"delay","timeout":"1","timeoutUnits":"milliseconds","rate":"1","nbRateUnits":"1","rateUnits":"second","randomFirst":"1","randomLast":"5","randomUnits":"seconds","drop":false,"x":530,"y":220,"wires":[["547b7dd6.a76474"]]},{"id":"68991337.6ea7ec","type":"change","z":"327bb595.c533fa","name":"clear out the table","rules":[{"t":"set","p":"payload","pt":"msg","to":"[]","tot":"json"}],"action":"","property":"","from":"","to":"","reg":false,"x":540,"y":160,"wires":[["547b7dd6.a76474"]]},{"id":"3b02597c.184f36","type":"ui_group","name":"Sensor info","tab":"1d1ac0f7.0858bf","order":1,"disp":false,"width":"18","collapse":false},{"id":"1d1ac0f7.0858bf","type":"ui_tab","name":"Sensor Info","icon":"dvr","order":10,"disabled":false,"hidden":false}]

```

---

<div class="post-metadata">

**Author:** ![davidz](https://avatars.discourse-cdn.com/v4/letter/d/a88e57/32.png) [@davidz](https://discourse.nodered.org/u/davidz)\
**Post date:** [1 March 2021 16:00 UTC](https://discourse.nodered.org/t/ui-table-display-update/41780/3 "2021-03-01T16:00:50Z")

</div>

Thank you very much. It looks like the uitable has to be cleared first, and then it can be updated automatically. This solved my problem.

---

<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:** [15 March 2021 16:01 UTC](https://discourse.nodered.org/t/ui-table-display-update/41780/4 "2021-03-15T16:01:44Z")

</div>

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