Problem displaying table

I tried creating a table to display the payload received from a serial port. The content of which are not displayed (A1). On the other hand a test node (A2) having similar contents displays the contents correctly. Relevant portion of the flow is as shown.
flow
Contents of template node is as under:-

template node

Contents and output with A1 node in action



debug1 (2)

With A2



debug2

overall flow

[{"id":"2207c839.270ea8","type":"tab","label":"Test","disabled":false,"info":""},{"id":"d312d00.f33373","type":"ui_dropdown","z":"2207c839.270ea8","name":"Servos","label":"","tooltip":"","place":"Select Servo","group":"ff2ede8a.a9a4b","order":2,"width":4,"height":1,"passthru":true,"options":[{"label":"Rotate","value":"Rotate","type":"str"},{"label":"Lift","value":"Lift","type":"str"},{"label":"Swing","value":"Swing","type":"str"},{"label":"Clutch","value":"Clutch","type":"str"},{"label":"Neck","value":"Neck","type":"str"},{"label":"Elbow","value":"Elbow","type":"str"}],"payload":"","topic":"","x":240,"y":40,"wires":[["a220d529.9a6738","60468ba9.3ec484","d2542451.703218"]]},{"id":"8ce6cfe8.03cd8","type":"ui_slider","z":"2207c839.270ea8","name":"SMin","label":"","tooltip":"","group":"ff2ede8a.a9a4b","order":16,"width":4,"height":1,"passthru":true,"outs":"all","topic":"","min":"0","max":"250","step":1,"x":310,"y":200,"wires":[["b9875870.e86d58","3d73c410.e71e6c","8eec54f5.f528b8"]]},{"id":"b9875870.e86d58","type":"ui_gauge","z":"2207c839.270ea8","name":"gMin","group":"ff2ede8a.a9a4b","order":5,"width":6,"height":4,"gtype":"gage","title":"Min Pulse Width","label":"units","format":"{{value}}","min":0,"max":"250","colors":["#00b500","#e6e600","#ca3838"],"seg1":"","seg2":"","x":450,"y":200,"wires":[]},{"id":"3d73c410.e71e6c","type":"ui_text_input","z":"2207c839.270ea8","name":"tMin","label":"Enter:","tooltip":"","group":"ff2ede8a.a9a4b","order":23,"width":4,"height":1,"passthru":true,"mode":"number","delay":"0","topic":"","x":170,"y":200,"wires":[["8ce6cfe8.03cd8"]]},{"id":"dacbd0bc.a3518","type":"inject","z":"2207c839.270ea8","name":"","topic":"","payload":"","payloadType":"str","repeat":"","crontab":"","once":true,"onceDelay":0.1,"x":70,"y":40,"wires":[["5cd9f9ce.b21928","de6b1ab6.b92fe8"]]},{"id":"4c544b58.8c03d4","type":"ui_button","z":"2207c839.270ea8","name":"","group":"ff2ede8a.a9a4b","order":10,"width":2,"height":1,"passthru":false,"label":"Save","tooltip":"","color":"","bgcolor":"","icon":"","payload":"false","payloadType":"bool","topic":"","x":670,"y":190,"wires":[["cccb0a6a.992018"]]},{"id":"cf4bd6b3.d8c028","type":"ui_slider","z":"2207c839.270ea8","name":"SMax","label":"","tooltip":"","group":"ff2ede8a.a9a4b","order":18,"width":4,"height":1,"passthru":true,"outs":"all","topic":"","min":"250","max":"800","step":1,"x":310,"y":300,"wires":[["c76ada89.22a2c8","841c5518.f69da8","7715d7ee.036148"]]},{"id":"c76ada89.22a2c8","type":"ui_gauge","z":"2207c839.270ea8","name":"gMax","group":"ff2ede8a.a9a4b","order":6,"width":6,"height":4,"gtype":"gage","title":"Max Pulse Width","label":"units","format":"{{value}}","min":"250","max":"800","colors":["#00b500","#e6e600","#ca3838"],"seg1":"","seg2":"","x":450,"y":300,"wires":[]},{"id":"841c5518.f69da8","type":"ui_text_input","z":"2207c839.270ea8","name":"tMax","label":"Enter:","tooltip":"","group":"ff2ede8a.a9a4b","order":25,"width":4,"height":1,"passthru":true,"mode":"number","delay":"0","topic":"","x":170,"y":300,"wires":[["cf4bd6b3.d8c028"]]},{"id":"a6e5fdcb.7fc18","type":"ui_slider","z":"2207c839.270ea8","name":"sAngle","label":"","tooltip":"","group":"ff2ede8a.a9a4b","order":20,"width":4,"height":1,"passthru":true,"outs":"all","topic":"","min":0,"max":"180","step":1,"x":310,"y":420,"wires":[["9ba32973.197eb8","6e77584d.fbba28","ad1da321.09b49"]]},{"id":"9ba32973.197eb8","type":"ui_gauge","z":"2207c839.270ea8","name":"gAngle","group":"ff2ede8a.a9a4b","order":7,"width":6,"height":4,"gtype":"gage","title":"Angle","label":"degrees","format":"{{value}}°","min":0,"max":"180","colors":["#00b500","#e6e600","#ca3838"],"seg1":"","seg2":"","x":460,"y":420,"wires":[]},{"id":"ad1da321.09b49","type":"ui_text_input","z":"2207c839.270ea8","name":"tAngle","label":"Enter:","tooltip":"","group":"ff2ede8a.a9a4b","order":27,"width":4,"height":1,"passthru":true,"mode":"number","delay":"0","topic":"","x":170,"y":420,"wires":[["a6e5fdcb.7fc18"]]},{"id":"a220d529.9a6738","type":"change","z":"2207c839.270ea8","name":"enable","rules":[{"t":"set","p":"enabled","pt":"msg","to":"true","tot":"bool"}],"action":"","property":"","from":"","to":"","reg":false,"x":390,"y":40,"wires":[["cdb27368.89b13","857017b7.ec9828","fce9e9e7.ac46c8"]]},{"id":"fce9e9e7.ac46c8","type":"ui_button","z":"2207c839.270ea8","name":"Hi","group":"ff2ede8a.a9a4b","order":12,"width":2,"height":1,"passthru":false,"label":"Save Hi","tooltip":"","color":"","bgcolor":"","icon":"","payload":"","payloadType":"str","topic":"","x":690,"y":400,"wires":[["fb6adc11.8275"]]},{"id":"857017b7.ec9828","type":"ui_button","z":"2207c839.270ea8","name":"Lo","group":"ff2ede8a.a9a4b","order":4,"width":2,"height":1,"passthru":false,"label":"Save Lo","tooltip":"","color":"","bgcolor":"","icon":"","payload":"","payloadType":"str","topic":"","x":690,"y":360,"wires":[["d68423f1.be427"]]},{"id":"cdb27368.89b13","type":"ui_button","z":"2207c839.270ea8","name":"","group":"ff2ede8a.a9a4b","order":31,"width":2,"height":1,"passthru":false,"label":"Send","tooltip":"","color":"","bgcolor":"","icon":"fa-bluetooth fa-2x","payload":"Values sent to Arduino","payloadType":"str","topic":"","x":650,"y":40,"wires":[["92842605.9ab748","f053287c.2cce48"]]},{"id":"6e77584d.fbba28","type":"change","z":"2207c839.270ea8","name":"","rules":[{"t":"set","p":"angle","pt":"global","to":"payload","tot":"msg"}],"action":"","property":"","from":"","to":"","reg":false,"x":440,"y":460,"wires":[["857017b7.ec9828","fce9e9e7.ac46c8"]]},{"id":"40390fc8.b8b12","type":"file","z":"2207c839.270ea8","name":"","filename":"servo settings","appendNewline":true,"createDir":true,"overwriteFile":"false","encoding":"none","x":680,"y":270,"wires":[[]]},{"id":"d68423f1.be427","type":"function","z":"2207c839.270ea8","name":"set gloabal.lo","func":"var servo=global.get(\"servo\")\nvar lo = global.get(\"angle\")\nvar payload={}\nglobal.set(\"lo\",lo)\npayload.servo=servo\npayload.loAngle=lo\nmsg.payload=payload\nmsg.enabled=false\nreturn msg;","outputs":1,"noerr":0,"x":710,"y":320,"wires":[["857017b7.ec9828","40390fc8.b8b12"]]},{"id":"832ca22b.a05e4","type":"inject","z":"2207c839.270ea8","name":"","topic":"","payload":"150","payloadType":"num","repeat":"","crontab":"","once":true,"onceDelay":0.1,"x":70,"y":160,"wires":[["3d73c410.e71e6c"]]},{"id":"380a92dc.0c694e","type":"inject","z":"2207c839.270ea8","name":"","topic":"","payload":"600","payloadType":"num","repeat":"","crontab":"","once":true,"onceDelay":0.1,"x":90,"y":260,"wires":[["841c5518.f69da8"]]},{"id":"cbded8e2.258c38","type":"inject","z":"2207c839.270ea8","name":"","topic":"","payload":"90","payloadType":"num","repeat":"","crontab":"","once":true,"onceDelay":0.1,"x":90,"y":380,"wires":[["ad1da321.09b49"]]},{"id":"fb6adc11.8275","type":"function","z":"2207c839.270ea8","name":"","func":"var servo=global.get(\"servo\")\nvar hi = global.get(\"angle\")\nvar lo = global.get(\"lo\")\nvar payload={}\nif(hi>lo){\n    payload.servo=servo\n    payload.hiAngle=hi\n    msg.payload=payload\n    msg.enabled=false\n    return [msg, null];\n}\nmsg.payload=`Enter value >${lo}`\nreturn[null,msg]","outputs":2,"noerr":0,"x":850,"y":360,"wires":[["fce9e9e7.ac46c8","40390fc8.b8b12"],["f44f880.d284d78"]]},{"id":"f44f880.d284d78","type":"ui_toast","z":"2207c839.270ea8","position":"top right","displayTime":"3","highlight":"","sendall":true,"outputs":0,"ok":"OK","cancel":"","raw":false,"topic":"","name":"","x":730,"y":460,"wires":[]},{"id":"8eec54f5.f528b8","type":"change","z":"2207c839.270ea8","name":"","rules":[{"t":"set","p":"min","pt":"global","to":"payload","tot":"msg"}],"action":"","property":"","from":"","to":"","reg":false,"x":320,"y":140,"wires":[[]]},{"id":"7715d7ee.036148","type":"change","z":"2207c839.270ea8","name":"","rules":[{"t":"set","p":"max","pt":"global","to":"payload","tot":"msg"}],"action":"","property":"","from":"","to":"","reg":false,"x":380,"y":360,"wires":[[]]},{"id":"cccb0a6a.992018","type":"function","z":"2207c839.270ea8","name":"save params to file","func":"var servo=global.get(\"servo\")\nvar min=global.get(\"min\")\nvar max=global.get(\"max\")\nvar payload={}\npayload.servo=servo\npayload.pMax=max\npayload.pMin=min\nmsg.payload=payload\nmsg.enabled=false\nreturn msg;","outputs":1,"noerr":0,"x":710,"y":233,"wires":[["40390fc8.b8b12","4c544b58.8c03d4"]]},{"id":"5cd9f9ce.b21928","type":"file","z":"2207c839.270ea8","name":"Create File","filename":"servo settings","appendNewline":true,"createDir":true,"overwriteFile":"true","encoding":"none","x":210,"y":100,"wires":[[]]},{"id":"92842605.9ab748","type":"function","z":"2207c839.270ea8","name":"Generate payload","func":"var servo=global.get(\"servo\")\nvar mirror=global.get(\"mirror\")\nvar min=global.get(\"min\")\nvar max=global.get(\"max\")\nvar angle=global.get(\"angle\")\nvar angle_only=global.get(\"angle_only\")\nmsg.servo=servo\nswitch(servo){\n    case \"Rotate\":\n        sNo=1;\n        break;\n    case \"Lift\":\n        sNo=3;\n        break;\n    case \"Swing\":\n        sNo=5;\n        break;\n    case \"Clutch\":\n        sNo=0;\n        break;\n    case \"Neck\":\n        sNo=2;\n        break;\n    case \"Elbow\":\n        sNo=4;\n        break;\n    default:\n    sNo=99\n    \n}\nvar payload=[]\nif (angle_only===false){\n    payload[2]=min\n    payload[3]=max\n}\npayload[0]=sNo\npayload[1]=angle\nmsg.payload=payload\nreturn msg;","outputs":1,"noerr":0,"x":670,"y":80,"wires":[["fd87d46e.bc7548"]]},{"id":"f053287c.2cce48","type":"ui_toast","z":"2207c839.270ea8","position":"top right","displayTime":"3","highlight":"","sendall":true,"outputs":0,"ok":"OK","cancel":"","raw":false,"topic":"","name":"","x":830,"y":40,"wires":[]},{"id":"24149c8e.6332a4","type":"status","z":"2207c839.270ea8","name":"","scope":["fd87d46e.bc7548"],"x":1020,"y":40,"wires":[["f92754ab.e52438"]]},{"id":"901dc889.240ed8","type":"debug","z":"2207c839.270ea8","name":"t0","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","x":990,"y":300,"wires":[]},{"id":"60468ba9.3ec484","type":"ui_template","z":"2207c839.270ea8","group":"ff2ede8a.a9a4b","name":"","order":1,"width":0,"height":0,"format":"<div id=\"{{'my_'+$id}}\" layout=\"row\" layout-align=\"center\" style=\"{{'color:'+'#0eb8c0'}}\" >\n    <h2>{{msg.payload}}</h2>\n</div>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":500,"y":160,"wires":[[]]},{"id":"9b94bcd8.037ac","type":"catch","z":"2207c839.270ea8","name":"","scope":["c0d8c9fe.671988"],"uncaught":false,"x":790,"y":520,"wires":[[]]},{"id":"514ff355.ea23cc","type":"debug","z":"2207c839.270ea8","name":"t1","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","x":1110,"y":480,"wires":[]},{"id":"fd87d46e.bc7548","type":"serial request","z":"2207c839.270ea8","name":"","serial":"22422298.28c04e","x":680,"y":140,"wires":[[]]},{"id":"f92754ab.e52438","type":"function","z":"2207c839.270ea8","name":"status serial request","func":"var compArray=/connected|timeout|ok|waiting/.exec(msg.status.text)\n//ompArray=/timeout/.exec(msg.status.text)\n//compArray=/OK/.exec(msg.status.text)\n//compArray=/waiting/.exec(msg.status.text)\nvar enabled=true\nif(compArray===null){\n    enabled=false\n}\nmsg.enabled=enabled\nreturn msg;","outputs":1,"noerr":0,"x":900,"y":100,"wires":[["cdb27368.89b13"]]},{"id":"d92359bb.2e92c8","type":"debug","z":"2207c839.270ea8","name":"t3","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","x":1250,"y":140,"wires":[]},{"id":"d7ba01ef.a47f9","type":"debug","z":"2207c839.270ea8","name":"t2","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","x":1250,"y":300,"wires":[]},{"id":"66ab22a4.220ebc","type":"ui_switch","z":"2207c839.270ea8","name":"","label":"Angle only","tooltip":"","group":"ff2ede8a.a9a4b","order":33,"width":3,"height":1,"passthru":true,"decouple":"false","topic":"","style":"","onvalue":"true","onvalueType":"bool","onicon":"","oncolor":"","offvalue":"false","offvalueType":"bool","officon":"","offcolor":"","x":130,"y":500,"wires":[["f26aeef6.b0869"]]},{"id":"24c6b02f.91de9","type":"ui_template","z":"2207c839.270ea8","group":"ff2ede8a.a9a4b","name":"","order":14,"width":7,"height":5,"format":"<b style=\"color:#0eb8c0;\">Servos Positions</b>\n<table id=\"table\" border=\"1\">\n    <tbody>\n    <tr ng-repeat=\"r in msg.payload\">\n        <td>{{r}}</td>\n    </tr>\n    </tbody>\n</table>\n<!--div>{{msg.payload}}</div-->","storeOutMessages":false,"fwdInMessages":true,"resendOnRefresh":false,"templateScope":"local","x":1260,"y":240,"wires":[[]]},{"id":"f26aeef6.b0869","type":"function","z":"2207c839.270ea8","name":"enable/ disable ui elm","func":"if(msg.enabled===true){\n    if(global.get(\"angle_only\")===true){\n        msg.enabled=false\n        delete msg.payload\n        return msg\n    }\n}\nmsg.enabled=true\nglobal.set(\"angle_only\",msg.payload)\nif (msg.payload===true){\n    msg.enabled=false\n}\ndelete msg.payload\nreturn msg;","outputs":1,"noerr":0,"x":360,"y":560,"wires":[["3d73c410.e71e6c","841c5518.f69da8","c76ada89.22a2c8","4c544b58.8c03d4","b9875870.e86d58"]]},{"id":"4f469109.9d4db","type":"debug","z":"2207c839.270ea8","name":"t6","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","x":550,"y":660,"wires":[]},{"id":"ba8a1fe9.ed04e","type":"debug","z":"2207c839.270ea8","name":"t5","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","x":550,"y":620,"wires":[]},{"id":"4b659668.aed9d8","type":"debug","z":"2207c839.270ea8","name":"t4","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","x":550,"y":580,"wires":[]},{"id":"d2542451.703218","type":"function","z":"2207c839.270ea8","name":"set global.servo","func":"global.set(\"servo\",msg.payload)\nreturn msg;","outputs":1,"noerr":0,"x":380,"y":100,"wires":[[]]},{"id":"f5977856.998b78","type":"serial in","z":"2207c839.270ea8","name":"","serial":"22422298.28c04e","x":910,"y":240,"wires":[["901dc889.240ed8","44c3610e.faa6a"]]},{"id":"8ef5eb22.0abad8","type":"status","z":"2207c839.270ea8","name":"","scope":["f5977856.998b78"],"x":1100,"y":420,"wires":[["514ff355.ea23cc"]]},{"id":"44c3610e.faa6a","type":"function","z":"2207c839.270ea8","name":"A1","func":"if(msg.request_payload){\n    return null\n}\nvar pl=[]\nfor(var i=0;i<=5;++i){\n    pl[i]=msg.payload[i].toString()\n}\n\nmsg.payload=pl\nreturn msg;","outputs":1,"noerr":0,"x":1050,"y":240,"wires":[["24c6b02f.91de9","d7ba01ef.a47f9"]]},{"id":"de6b1ab6.b92fe8","type":"function","z":"2207c839.270ea8","name":"","func":"global.set(\"angle_only\",false)\nreturn msg;","outputs":1,"noerr":0,"x":70,"y":120,"wires":[["d312d00.f33373"]]},{"id":"4ffb5e93.7e0e4","type":"function","z":"2207c839.270ea8","name":"A2","func":"var pl=[\"a\",\"b\",\"c\"]\nmsg.payload=pl\nreturn msg;","outputs":1,"noerr":0,"x":1130,"y":180,"wires":[["24c6b02f.91de9","d92359bb.2e92c8"]]},{"id":"bf955fe2.97b4a","type":"inject","z":"2207c839.270ea8","name":"","topic":"","payload":"","payloadType":"str","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":990,"y":180,"wires":[["4ffb5e93.7e0e4"]]},{"id":"ff2ede8a.a9a4b","type":"ui_group","z":"","name":"Default","tab":"721f875e.fbdef8","order":1,"disp":false,"width":25,"collapse":false},{"id":"22422298.28c04e","type":"serial-port","z":"","serialport":"COM13","serialbaud":"57600","databits":"8","parity":"none","stopbits":"1","waitfor":"","dtr":"none","rts":"none","cts":"none","dsr":"none","newline":"\\n","bin":"bin","out":"char","addchar":"\\n","responsetimeout":"10000"},{"id":"721f875e.fbdef8","type":"ui_tab","z":"","name":"Servos Tweak","icon":"dashboard","order":1,"disabled":false,"hidden":false}]

Or to put it simply, is it OK to create table using template ui as shown. Because, at times this works and some times this wont.

<b style="color:#0eb8c0;">Servos Positions</b>
<table id="table" border="1" border-collapse="collapse">
    <tbody>
    <tr ng-repeat="r in msg.payload">
        <td>{{$index}}</td>
        <td>{{r}}</td>
    </tr>
    </tbody>
</table>

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