title: How to avoid rows being evenly distributed vertically in a table
body: <p>I have a table with a spanned row looking like this:</p>
  
  <pre><code>+----------+---------+
  | Spanned  |  Row A  |
  | row      |         |
  | (several +---------+
  | lines of |  Row B  |
  | text)    |         |
  +----------+---------+
  </code></pre>
  
  <p>The contents of Row A and B are vertically top-aligned, but the Rows are also distributed evenly vertically to have the same height as the spanned row.
  I want the result ot be like this instread:</p>
  
  <pre><code>+----------+---------+
  | Spanned  |  Row A  |
  | row      +---------+
  | (several |  Row B  |
  | lines of |         |
  | text)    |         |
  +----------+---------+
  </code></pre>
  
  <p>That is, I want Row A to be as small as possible and only Row B to expand vertically. Can this be done? I have tried various styling through CSS, including min-height, but the rows always seem to be distributed evenly.
  In reality, I have more rows than A and B, and I want only the last one to expand vertically beyond the actual contents. I cannot predict the actual amount of content in any of the rows, so explicitly setting the height won't work. </p>