title: Scrollable Table Tbody
body: <p>I have a table with dynamically generated data. Because of space limitation, I need to be able to make the the tbody scrollable.</p>
  
  <p>My table looks like this:</p>
  
  <pre><code>&lt;table&gt;
      &lt;thead&gt; &lt;! -- This thead needs to stay in a fixed position--&gt;
          &lt;tr&gt;
                 &lt;th&gt;&lt;/th&gt;
                 &lt;th&gt;&lt;/th&gt;
          &lt;/tr&gt;
      &lt;thead&gt;
      &lt;tbody&gt; &lt;! -- This tbody needs to stay in a fixed position--&gt;
       &lt;tr&gt;
        &lt;td&gt;&lt;/td&gt;
        &lt;td&gt;&lt;/td&gt;
       &lt;/tr&gt;
     &lt;/tbody&gt;
     &lt;tbody&gt; &lt;! -- This tbody needs to scroll --&gt;
       &lt;tr&gt;
        &lt;td&gt;&lt;/td&gt;
        &lt;td&gt;&lt;/td&gt;
       &lt;/tr&gt;
       &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I've tried using css, but have been unsuccessful:</p>
  
  <pre><code>table tbody:nth-child(2) {
  height:500px;
  max-height:500px;
  overflow-y: scroll;
  }
  </code></pre>
  
  <p>My ideal solution is simple css. Any suggestions? Also, why does setting a height on a tbody not work?</p>