title: Pure CSS Locked Table Headers - Variable Width and Height with Veritcal and Horizontal Scroll Bars
body: <p>Is there a Pure CSS approach that locks headers in a <code>thead</code> element while having the entire table be a variable width and for the table content to be scrollable both vertically and horizontally?</p>
  
  <p>I found this solution, but the columns are fixed width, and the table is fixed width, and there are no horizontal scroll bars:</p>
  
  <p><a href="http://www.imaputz.com/cssStuff/bigFourVersion.html" rel="nofollow">http://www.imaputz.com/cssStuff/bigFourVersion.html</a></p>
  
  <p>I found this solution, which is <strong>almost</strong> perfect, except that you can't scroll the table content horizontally:</p>
  
  <p><a href="http://salzerdesign.com/test/fixedTable.html" rel="nofollow">http://salzerdesign.com/test/fixedTable.html</a></p>
  
  <p>Are there any solutions that use only CSS to have a single table scrollable vertically and horizontally and do not require the columns and table to be a fixed width?</p>