title: Table auto-scroll with min height
body: <p>I'm using Twitter Bootstrap and I have a pretty annoying problem.
  I have a table (call F) with a row and two cells, in the first cell I have another table (called T) and in the second cell some content (called C), see <a href="http://jsfiddle.net/mcJvU/" rel="nofollow">http://jsfiddle.net/mcJvU/</a>.</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;&lt;td&gt;
  &lt;table class="table table-striped"&gt;
      &lt;thead&gt;
          &lt;th&gt;a&lt;/th&gt;
          &lt;th&gt;b&lt;/th&gt;
          &lt;th&gt;c&lt;/th&gt;
          &lt;th&gt;d&lt;/th&gt;
          &lt;th&gt;e&lt;/th&gt;
          &lt;th&gt;f&lt;/th&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;m&lt;/td&gt;&lt;td&gt;n&lt;/td&gt;&lt;td&gt;o&lt;/td&gt;&lt;td&gt;p&lt;/td&gt;&lt;td&gt;q&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;m&lt;/td&gt;&lt;td&gt;n&lt;/td&gt;&lt;td&gt;o&lt;/td&gt;&lt;td&gt;p&lt;/td&gt;&lt;td&gt;q&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;m&lt;/td&gt;&lt;td&gt;n&lt;/td&gt;&lt;td&gt;o&lt;/td&gt;&lt;td&gt;p&lt;/td&gt;&lt;td&gt;q&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;m&lt;/td&gt;&lt;td&gt;n&lt;/td&gt;&lt;td&gt;o&lt;/td&gt;&lt;td&gt;p&lt;/td&gt;&lt;td&gt;q&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;m&lt;/td&gt;&lt;td&gt;n&lt;/td&gt;&lt;td&gt;o&lt;/td&gt;&lt;td&gt;p&lt;/td&gt;&lt;td&gt;q&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;m&lt;/td&gt;&lt;td&gt;n&lt;/td&gt;&lt;td&gt;o&lt;/td&gt;&lt;td&gt;p&lt;/td&gt;&lt;td&gt;q&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;7&lt;/td&gt;&lt;td&gt;m&lt;/td&gt;&lt;td&gt;n&lt;/td&gt;&lt;td&gt;o&lt;/td&gt;&lt;td&gt;p&lt;/td&gt;&lt;td&gt;q&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;8&lt;/td&gt;&lt;td&gt;m&lt;/td&gt;&lt;td&gt;n&lt;/td&gt;&lt;td&gt;o&lt;/td&gt;&lt;td&gt;p&lt;/td&gt;&lt;td&gt;q&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;9&lt;/td&gt;&lt;td&gt;m&lt;/td&gt;&lt;td&gt;n&lt;/td&gt;&lt;td&gt;o&lt;/td&gt;&lt;td&gt;p&lt;/td&gt;&lt;td&gt;q&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;m&lt;/td&gt;&lt;td&gt;n&lt;/td&gt;&lt;td&gt;o&lt;/td&gt;&lt;td&gt;p&lt;/td&gt;&lt;td&gt;q&lt;/td&gt;&lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
          &lt;/td&gt;
          &lt;td&gt;
              some&lt;br/&gt;
              big&lt;br/&gt;
              enough&lt;br/&gt;
              content&lt;br/&gt;
              but&lt;br/&gt;
              may&lt;br/&gt;
              be&lt;br/&gt;
              empty
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Here is the big deal: T has to contain a huge number of rows and C doesn't have much content, it may be empty.</p>
  
  <p>I want that that T takes all the avaliable place or, if C is smaller, at least prints 3 rows.</p>
  
  <p>I tried fixedheadertable but it is a fixed size height and it has some bugs.</p>
  
  <p>Edit: by "at least prints 3 rows", I mean that T must have a min height that allows to display at least three rows".</p>