title: Meteor #each Table grow size bigger than HTML tag
body: <p>I have a Meteor project which I just need to list a bunch of orders on a HTML table.  But when the table gets too big, it overlaps my DIV like this:</p>
  
  <p><a href="https://i.stack.imgur.com/SxeEO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SxeEO.png" alt="enter image description here"></a></p>
  
  <p>At first I thought that this could be a CSS problem, but then I noticed that the HTML tag size is SMALLER than my table size:</p>
  
  <p><a href="https://i.stack.imgur.com/CHvw3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CHvw3.png" alt="enter image description here"></a></p>
  
  <p>Now I'm a bit lost, I already set all my DIVs to have a 100% height, but because the HTML tag size is static (for some reason :confused: ), the table overlaps my DIVs. Here is how I'm generating my table:</p>
  
  <pre><code>{{#if isNewOrder}}
      &lt;h2 style="margin-left: 30px"&gt; Pedidos Pendentes &lt;/h2&gt;
      &lt;table cellspacing='0'&gt;
          &lt;tr&gt;
              &lt;th&gt;ID&lt;/th&gt;
              &lt;th&gt;Data&lt;/th&gt;
              &lt;th&gt;Cliente&lt;/th&gt;
              &lt;th&gt;Telefone&lt;/th&gt;
              &lt;th&gt;Valor&lt;/th&gt;
              &lt;th&gt;Operações&lt;/th&gt;
          &lt;/tr&gt;
      {{#each tablecontent}}
          &lt;tr&gt;
              &lt;td&gt;{{id}}&lt;/td&gt;
              &lt;td&gt;{{prettifyDate timestamp}}&lt;/td&gt;
              &lt;td&gt;{{name}}&lt;/td&gt;
              &lt;td&gt;{{phone}}&lt;/td&gt; 
              &lt;td&gt;{{prettifyPrice price}}&lt;/td&gt;
              &lt;td&gt;
                  &lt;button type="button" class="btn btn-info"&gt;Detalhes&lt;/button&gt;
                  &lt;button type="button" class="btn btn-success"&gt;Aceitar&lt;/button&gt;
                  &lt;button type="button" class="btn btn-danger"&gt;Rejeitar&lt;/button&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      {{/each}}
      &lt;/table&gt;
  {{/if}}
  </code></pre>
  
  <p>No big deal right? I have two session variables (<code>isNewOrder</code> and <code>tablecontent</code>), <code>isNewOrder</code> tells if I should show that table or not, and <code>tablecontent</code> contains all the elements of my table.</p>
  
  <p>So, am I missing something about big lists with Meteor? Or could it really be a problem with my CSS (despite I set all DIVs to 100% of height).</p>
  
  <p>Best Regards, Ernani</p>