title: CSS style to prevent scrolling along the y axis
body: <p>Is there a way to position a column in a table so that it doesn't scroll along the x axis, but scrolls along the y? Perhaps some way to use absolute positioning that only effects one (like a spreadsheet. The header stays at the top, like absolute positioning)?</p>
  
  <p><em>Note: I want to avoid using Javascript</em></p>
  
  <p><em>EDIT: I need to have the overflow for the table set to scroll</em></p>
  
  <p>OK I found an example that works the way I want: <a href="http://cross-browser.com/x/examples/xtable.php" rel="nofollow noreferrer">http://cross-browser.com/x/examples/xtable.php</a>,
  or this one: <a href="http://www.disconova.com/open_source/files/freezepanes.htm" rel="nofollow noreferrer">http://www.disconova.com/open_source/files/freezepanes.htm</a> but I can't figure out what they do to make it work.</p>
  
  <hr>
  
  <p>I ended up using Javascript anyway.</p>
  
  <p>For fixed columns I found a great Javascript toolkit called DataTables and it has a plug-in called FixedColumns that allows fixed columns. <a href="http://www.datatables.net/extras/fixedcolumns/" rel="nofollow noreferrer">Link</a>.</p>