# Dynamic table display problem

**URL:** <https://discourse.nodered.org/t/dynamic-table-display-problem/3717>\
**Category:** Dashboard\
**Created:** [5 October 2018 15:58 UTC](https://discourse.nodered.org/t/dynamic-table-display-problem/3717 "2018-10-05T15:58:26Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![bborncr](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bborncr/32/2995_2.png) [@bborncr](https://discourse.nodered.org/u/bborncr)\
**Post date:** [5 October 2018 15:58 UTC](https://discourse.nodered.org/t/dynamic-table-display-problem/3717/1 "2018-10-05T15:58:26Z")

</div>

The table in the picture below should be expanded to include all 20 rows. I took this directly from [this node-red tutorial](http://noderedguide.com/tutorial-sqlite-and-node-red/). I have tried adding `height`,`max-height` and other directives. The worst thing is that **sometimes** it does work. Any tips?

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

Dashboard template code:

```auto
<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>

```

---

<div class="post-metadata">

**Author:** ![arneym](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/arneym/32/54_2.png) [@arneym](https://discourse.nodered.org/u/arneym)\
**Post date:** [5 October 2018 16:33 UTC](https://discourse.nodered.org/t/dynamic-table-display-problem/3717/2 "2018-10-05T16:33:34Z")

</div>

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

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