title: HTML table: how to make all rows equal height?
body: <p>I'm generating a table in HTML. I have a number of rows, whose count is kept in the variable <code>{{ items|length }}</code> </p>
  
  <p>How do I make all rows the same height except the header row? </p>
  
  <p>I've tried:</p>
  
  <pre><code>&lt;style&gt;
       table.equalDivide th { width:100 / {{ items|length }} %; }
  &lt;/style&gt;
  </code></pre>
  
  <p>But this doesn't work.</p>
  
  <p>All the rows should have the height of the tallest one (12:00 - 14:00 in the image below).</p>
  
  <p><a href="https://i.stack.imgur.com/YpGx0.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/YpGx0.jpg" alt="enter image description here"></a></p>