# Continius input messages in UI

**URL:** https://discourse.nodered.org/t/continius-input-messages-in-ui/59473
**Category:** Dashboard
**Tags:** node-red-dashboard
**Created:** [7 March 2022 09:01 UTC](https://discourse.nodered.org/t/continius-input-messages-in-ui/59473 "2022-03-07T09:01:18Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Lance99](https://avatars.discourse-cdn.com/v4/letter/l/6de8d8/32.png) [@Lance99](https://discourse.nodered.org/u/Lance99)
#### Post date: [7 March 2022 09:01 UTC](https://discourse.nodered.org/t/continius-input-messages-in-ui/59473/1 "2022-03-07T09:01:19Z")

</div>

I have incoming sensors vales into my Ui. Mostly they are presented in graphs.  
Is it possible to present them in a table like this ...

sensor id temp. hum.  
xxxxxx 16C 45%RH  
yyyyyy 15C 41%RH  
zzzzzz 21C 42%RH  
... and so on ....

New values every 5 sec ... after 10 messages, the first pops out of display, so allways the last 10 messages are display.

Any advice, so I could get a good start on this case?

Thanks!

---

<div class="post-metadata">

### Author: ![sdrshnptl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sdrshnptl/32/40446_2.png) [@sdrshnptl](https://discourse.nodered.org/u/sdrshnptl)
#### Post date: [7 March 2022 09:33 UTC](https://discourse.nodered.org/t/continius-input-messages-in-ui/59473/2 "2022-03-07T09:33:24Z")

</div>

> [@Lance99](#):
>
> xxxxxx 16C 45%RH  
> yyyyyy 15C 41%RH  
> zzzzzz 21C 42%RH

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/2/a2201268729b248dec2f532d8963dfa6794705bd.png)

---

<div class="post-metadata">

### Author: ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)
#### Post date: [7 March 2022 10:03 UTC](https://discourse.nodered.org/t/continius-input-messages-in-ui/59473/3 "2022-03-07T10:03:59Z")

</div>

Here is a example of how to show last 10 readings in a table

```auto
[{"id":"323d4bfe.23753c","type":"inject","z":"bf9e1e33.030598","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"5","crontab":"","once":true,"onceDelay":0.1,"topic":"","payload":"{\t \"sensor_id\": \"abc\" & $ceil($random()*10),\t \"temp\": 20 + $ceil($random()*4),\t \"hum\": 35 + $ceil($random()*10)\t}","payloadType":"jsonata","x":200,"y":20,"wires":[["4893f045.72e2e8"]]},{"id":"4893f045.72e2e8","type":"change","z":"bf9e1e33.030598","name":"","rules":[{"t":"set","p":"readings","pt":"flow","to":"[$append([msg.payload],$exists($flowContext(\"readings\")) ? $flowContext(\"readings\") : [])[[0..9]]]","tot":"jsonata"},{"t":"set","p":"payload","pt":"msg","to":"readings","tot":"flow"}],"action":"","property":"","from":"","to":"","reg":false,"x":230,"y":80,"wires":[["9859b2cd.2ab078"]]},{"id":"9859b2cd.2ab078","type":"ui_template","z":"bf9e1e33.030598","group":"187a0d10.a44d4b","name":"","order":3,"width":0,"height":0,"format":"<style>\ntable{\n background:grey;\n border: 1px;\n padding: 2px;\n}\nth, td{ \n text-align: left;\n border: 1px;\n padding: 2px;\n}\n\n</style><table>\n <tr>\n <th ng-repeat=\"(key, value) in msg.payload[0]\">{{key}}</th>\n </tr>\n <tr ng-repeat=\"row in msg.payload\">\n <td>{{row.sensor_id}}</td>\n <td>{{row.temp}} C</td>\n <td>{{row.hum}} RH</td>\n </tr>\n</table>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","className":"","x":410,"y":40,"wires":[["651a0ed8.ad7c1"]]},{"id":"651a0ed8.ad7c1","type":"debug","z":"bf9e1e33.030598","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"payload","targetType":"msg","statusVal":"","statusType":"auto","x":640,"y":20,"wires":[]},{"id":"187a0d10.a44d4b","type":"ui_group","name":"Group 1","tab":"8abb3dd0.ddf87","order":1,"disp":false,"width":"6","collapse":false,"className":""},{"id":"8abb3dd0.ddf87","type":"ui_tab","name":"tab3","icon":"dashboard","order":8,"disabled":false,"hidden":false}]

```

or samething using a join node and no context storage.

```auto
[{"id":"323d4bfe.23753c","type":"inject","z":"bf9e1e33.030598","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"{\t \"sensor_id\": \"abc\" & $ceil($random()*10),\t \"temp\": 20 + $ceil($random()*4),\t \"hum\": 35 + $ceil($random()*10)\t}","payloadType":"jsonata","x":90,"y":40,"wires":[["6ce32136.b481d8"]]},{"id":"6ce32136.b481d8","type":"change","z":"bf9e1e33.030598","name":"","rules":[{"t":"set","p":"complete","pt":"msg","to":"true","tot":"bool"}],"action":"","property":"","from":"","to":"","reg":false,"x":290,"y":60,"wires":[["f5131edf.f602a8"]]},{"id":"f5131edf.f602a8","type":"join","z":"bf9e1e33.030598","name":"","mode":"custom","build":"array","property":"payload","propertyType":"msg","key":"topic","joiner":"\\n","joinerType":"str","accumulate":false,"timeout":"","count":"","reduceRight":false,"reduceExp":"","reduceInit":"","reduceInitType":"","reduceFixup":"","x":470,"y":60,"wires":[["c96a8c70.f2f4b"]]},{"id":"c96a8c70.f2f4b","type":"change","z":"bf9e1e33.030598","name":"","rules":[{"t":"set","p":"payload","pt":"msg","to":"[$append($$.payload[1],$$.payload[0])[[0..9]]]","tot":"jsonata"}],"action":"","property":"","from":"","to":"","reg":false,"x":640,"y":60,"wires":[["9859b2cd.2ab078"]]},{"id":"9859b2cd.2ab078","type":"ui_template","z":"bf9e1e33.030598","group":"187a0d10.a44d4b","name":"","order":3,"width":0,"height":0,"format":"<style>\ntable{\n background:grey;\n border: 1px;\n padding: 2px;\n}\nth, td{ \n text-align: left;\n border: 1px;\n padding: 2px;\n}\n\n</style><table>\n <tr>\n <th ng-repeat=\"(key, value) in msg.payload[0]\">{{key}}</th>\n </tr>\n <tr ng-repeat=\"row in msg.payload\">\n <td>{{row.sensor_id}}</td>\n <td>{{row.temp}} C</td>\n <td>{{row.hum}} RH</td>\n </tr>\n</table>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","className":"","x":590,"y":120,"wires":[["f5131edf.f602a8","651a0ed8.ad7c1"]]},{"id":"651a0ed8.ad7c1","type":"debug","z":"bf9e1e33.030598","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"payload","targetType":"msg","statusVal":"","statusType":"auto","x":790,"y":120,"wires":[]},{"id":"187a0d10.a44d4b","type":"ui_group","name":"Group 1","tab":"8abb3dd0.ddf87","order":1,"disp":false,"width":"6","collapse":false,"className":""},{"id":"8abb3dd0.ddf87","type":"ui_tab","name":"tab3","icon":"dashboard","order":8,"disabled":false,"hidden":false}]

```

---

<div class="post-metadata">

### Author: ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)
#### Post date: [7 March 2022 10:17 UTC](https://discourse.nodered.org/t/continius-input-messages-in-ui/59473/4 "2022-03-07T10:17:57Z")

</div>

Have a look at the ui\_template node

---

<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: [6 April 2022 10:18 UTC](https://discourse.nodered.org/t/continius-input-messages-in-ui/59473/5 "2022-04-06T10:18:27Z")

</div>

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