title: HTML fixed header table scrollbar
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/673153/html-table-with-fixed-headers">HTML table with fixed headers?</a>  </p>
  </blockquote>
  
  
  
  <p>I've tried several methods to get a scroll bar from an HTML table with a fixed header but had no luck.  I think I need a solution where the header is somehow "attached" to the table body (rather than the typical nested table solution).  Every solution I tried messes up the width of the header columns and the body columns.  In other words they get out of synch and the columns of the header don't line up properly with those of the scrolling table.  The widths of the headers and the columns vary from column to column.</p>
  
  <p>Is there any way for me to achieve this?  I'd rather not use JavaScript.  Oh and I need this to work in Internet Explorer as well.</p>
  
  <p><strong>Update</strong>: It is pretty important for me to get this functionality.  I need the fixed header for <em>both</em> column and row headers.  So far no solution has worked properly.  I considered making the headers separate tables, but this wouldn't work when scrolling since the headers would stay fixed.</p>
  
  <p>It seems like there would be many use cases for fixed HTML headers so it is surprising to me that there is no adequate solution.</p>
  
  <p>(Oh, and I tried the option suggested by opatut in the link, but it doesn't work in all browsers and I need this work in Internet Explorer, Firefox and Chrome. If it doesn't work in Internet Explorer 6 that's OK).</p>
  
  <p>Oh, and if I must fix the column widths or row heights, that's OK too, I would just be glad to have a working fixed header HTML table (cross-browser).</p>