Выберите высоту заливки TR в CSS / HTML

Question

У меня есть HTML-таблица, которая похожа на это:

<table>
 <tr>
  <td>left sidebar top content</td>
  <td rowspan="2">maincontent</td>
  <td>right sidebar top content</td>
 </tr>
 <tr>
  <td>left sidebar bottom content</td>
  <td>right sidebar bottom content</td>
 </tr>
</table>

Когда это отображается, верхние боковые панели имеют минимальную высоту, необходимую для отображения их закрытого содержимого, а нижние боковые панели заполняют остальное пространство вертикальной страницы, вызванное содержимым центральной панели.

То, что я хочу сделать, это изменить это. Я хочу, чтобы нижний был настолько высоким, насколько это необходимо, и чтобы верхний выдвигался, чтобы заполнить пространство. Содержимое в боковых панелях является динамическим, поэтому я не могу использовать пиксельные или процентные высоты. Как мне это сделать?