Fixed header in a datagrid

This piece of CSS will let you scroll the contents of you table while keeping the headers fixed.

<style type="text/css" media="screen">
  #container{ border: solid 1px black;width: 50%; height:150px; overflow: auto; }
  .noScroll { position:relative; top:expression(this.offsetParent.scrollTop); 
              background-color:white; font-family: Arial, Helvetica, sans-serif; }
</style>

<div id="container">
  <table border="0" cellpadding="0" cellspacing="0" style="width: 100%">
    <thead>
      <tr class="noScroll">
        <TH>...</TH>
      </tr>
    </thead>
    <tbody>
      <TR><TD>...</TD></TR>
    </tbody>
    </TABLE>
</div>

Reference:http://codebetter.com/blogs/geoff.appleby/archive/2004/10/23/29486.aspx