title: Scroll HTML table horizontal and vertical while left column is fixed
body: <p>I'm trying to create an <code>HTML</code> table where its <strong>height is limited</strong> and the left side stay fixed while scrolling horizontally (and the table body is scrollable horizontally) but not fixed while scrolling vertically (the left side will be scrollable with the rest of the table).</p>
  
  <pre><code>fixed    scrollable
    1     body content
    2     body content
    3     body content
    4     body content
    .          .
    .          .
    .          .
  </code></pre>
  
  <p>I found <a href="https://stackoverflow.com/questions/1312236/how-do-i-create-an-html-table-with-fixed-frozen-left-column-and-scrollable-body"><strong>this solution</strong></a> however, it only addresses an horizontal scrolling. In <em>Eamon Nerbonne</em> <strong><a href="http://jsfiddle.net/emn13/YMvk9/" rel="nofollow noreferrer">jsFiddle</a></strong> example, adding a <code>height: 150px;</code> to the div will demonstrate the bug I'm trying to solve.</p>
  
  <p>I'd like to find a solution that involve only HTML &amp; CSS. </p>