HTML table: how to make all rows equal height?
<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>