Dynamic table display problem

The table in the picture below should be expanded to include all 20 rows. I took this directly from this node-red tutorial. I have tried adding height,max-height and other directives. The worst thing is that sometimes it does work. Any tips?

Dashboard template code:

<table style="width:100%">
  <tr>
    <th>Index</th> 
    <th>Timestamp</th>
    <th>Value</th> 
    <th>Bool</th>
  </tr>
  <tr ng-repeat="x in msg.payload | limitTo:20">
    <td>{{$index}}</td>
    <td>{{msg.payload[$index].TIMESTAMP}}</td>
    <td>{{msg.payload[$index].VALUE}}</td> 
    <td>{{msg.payload[$index].BOOL}}</td>
  </tr>
</table>

Your widget size is probably set to auto... Try this

1 Like