Dashboard Table - Mixing Data Types

[dave-kinnear]

I am trying to create this table on a Node-Red dashboard:

I have been through this forum and other online advice and have found only complicated solutions discussing passing arrays to template nodes or ng-repeat (which did not like the strings). I have gotten very close but cannot reproduce the comma separator (due to using using parseFloat to Fixed). See just a couple of the references or examples below.

Is there a straightforward method to mix Strings (the first two columns) and Numbers with different decimal digits in a dynamic table in Node-Red dashboard? I have tried node-red-node-ui-table. Can I use ng-repeat for each row individually and change the format? Can I call each element in my array (msg.payload) individually in the template note code?

It also seems to me that toLocaleString() would solve my issue but I have red a few posts that this does not work with Node-Red. Does anyone know if this has been corrected?

Thanks for any ideas or additional references.

Node-RED Dashboard Template Examples (AngularJS)

EXAMPLE (template) - displaying a two dimensional table

Problem: You need to display a table with first name, last name and age. Sample data: Paul Doe, 24 Greg Jones, 31 Able Smith, 29 We will use a function node to create the table like this: [55%20AM] And display the table using the template node. Here is what we use in the template node: [09%20AM] In this case we use the ng-repeat twice, once to process each row of the table in the <tr> and once to display each item in each row using a <td> element. Here is what the display will look li…

[dave-kinnear]

[SOLVED]

I solved it myself by upgrading my Node-Red because earlier versions did not used toLocaleString properly.

Then:

number = number.toLocaleString('en-US', {maximumFractionDigits: 0});