title: Fixed Table Header with Scrollbars On GridView in IE8
body: <p>I  am trying to implement a fixed header feature addition to an existing sub class of GridView, SGridView. </p>
  
  <p>My issue is that with the solution listed below, the scroll bar appears below the header row and looks tacky. I would prefer that the scrollbar runs vertically through the header to the footer. The only issue is that this means that the first couple of rows would be covered by the header because the scrollbar height isn't accounting for the inclusion of the header row (I assume this is a side effect of absolute positioning). Any thoughts on how to correct that?</p>
  
  <p>My solution consists of the following:</p>
  
  <pre><code>&lt;div class="IEScrollDiv"&gt;
   &lt;table class="GridView"&gt;
     &lt;thead&gt;
       &lt;tr&gt; &lt;th clas="GVHeader"&gt; my header row&lt;/th&gt; &lt;/tr&gt;
     &lt;/thead&gt;
     &lt;tbody&gt;
       ...
     &lt;/tbody&gt;
   &lt;/table&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>More or less, added additional code into the Render() method to wrap the table in a div that can scroll. Nothing too fancy. Then I configured the table to render , , and  tags for accessibility.</p>
  
  <p>Since adding scrolling to tbody is undefined in IE, I could not utilize it to create a fixed header (lame). In addition, the expression css rule has been deprecated from IE8 so I couldn't use that approach either (plenty of tutorials online utilizing it).</p>
  
  <p>So, I added javascript to to absolutely position the header row, via it's class GVHeader.</p>
  
  <p>Thanks</p>