Node-Red dynamic Table template

table.html

<table>
<tr>
  <th ng-repeat="(key,value) in table[0]">{{key}}</th>
</tr>
<tbody ng-repeat="row in table">
<tr ng-if="$even">
  <td ng-repeat="(key,value) in row">{{value}}</td>
</tr>
<tr ng-if="$odd">
  <td style="background-color:#f1f1f1" ng-repeat="(key,value) in row">{{value}}</td>
</tr>
</tbody> 
</table>
<style>
table, td  {
  border: 1px solid grey;
  border-collapse: collapse;
  padding: 5px;
}
</style>
<script>
(function(scope) {
    debugger;
    scope.table=[];
    scope.$watch('msg', function (newValue, oldValue, scope) {
        scope.table=JSON.parse(scope.msg.payload)[0];
    });
})(scope);    
</script>

add the code to a Node-Red dashboard template node adn feed with payload (see after) to display the first table
[[{"rowid":1,"IdCustomer":"ALFKI","CompanyName":"Alfreds Futterkiste","ContactName":"Maria Anders","ContactTitle":"Sales Representative","Address":"Obere Str. 57","City":"Berlin","Region":null,"PostalCode":"12209","Country":"Germany","Phone":"030-0074321","Fax":"030-0076545"},{"rowid":2,"IdCustomer":"ANATR","CompanyName":"Ana Trujillo Emparedados y helados","ContactName":"Ana Trujillo","ContactTitle":"Owner","Address":"Avda. de la Constitución 2222","City":"México D.F.","Region":null,"PostalCode":"05021","Country":"Mexico","Phone":"(5) 555-4729","Fax":"(5) 555-3745"},{"rowid":3,"IdCustomer":"ANTON","CompanyName":"Antonio Moreno Taquería","ContactName":"Antonio Moreno","ContactTitle":"Owner","Address":"Mataderos 2312","City":"México D.F.","Region":null,"PostalCode":"05023","Country":"Mexico","Phone":"(5) 555-3932","Fax":null},{"rowid":4,"IdCustomer":"AROUT","CompanyName":"Around the Horn","ContactName":"Thomas Hardy","ContactTitle":"Sales Representative","Address":"120 Hanover Sq.","City":"London","Region":null,"PostalCode":"WA1 1DP","Country":"UK","Phone":"(171) 555-7788","Fax":"(171) 555-6750"},{"rowid":5,"IdCustomer":"BERGS","CompanyName":"Berglunds snabbköp","ContactName":"Christina Berglund","ContactTitle":"Order Administrator","Address":"Berguvsvägen 8","City":"Luleå","Region":null,"PostalCode":"S-958 22","Country":"Sweden","Phone":"0921-12 34 65","Fax":"0921-12 34 67"}]]

This displays nothing.

It displays nothing

How do you feed the payload? Formatted to a JSON object, or string, or array or what?

How do you feed the payload? Formatted to a JSON object, or string, or array or what?

i found it to be feeded as a string JSON formatted payload (because template parses it into an object as we can see there from JS code)

so msg.payload to be like this

[[{"displayed as a table name":"displayed in a first data row"},{"key1":"value1 goes in second data row"},{"key2":"value2 in third data row"}]]