Asp.net Gridviewヘッダーと最初の列のfrezeeを作成する方法？

Question

どのようにhtmlテーブルのヘッダーと最初の列frezeeを作るために、私のコードはすべてのWebブラウザで動作していません。

リンク：http://jsfiddle.net/avFBx/

方法を作るには？

CSSコード：

.tbl th 
     { 
      background-color: Aqua; 
      position: relative; 
     }   
     .locked 
     { 
      background-color: Red; 
      position: relative; 
     } 
     #divgrid 
     { 
      height: 150px; 
      width: 350px; 
      overflow: auto; 
     } 

htmlコード：

<div id="divgrid"> 
     <table class="tbl"> 
      <tr> 
       <th class="locked"> 
        a 
       </th> 
       <th> 
        b 
       </th> 
       <th> 
        c 
       </th> 
       <th> 
        d 
       </th> 
       <th> 
        e 
       </th> 
      </tr> 
      <tr> 
       <td class="locked"> 
        aaaaaaaaaaaaaaaa 
       </td> 
       <td> 
        aaaaaaaaaaaaaaaa 
       </td> 
       <td> 
        aaaaaaaaaaaaaaaa 
       </td> 
       <td> 
        aaaaaaaaaaaaaaaa 
       </td> 
       <td> 
        aaaaaaaaaaaaaaaa 
       </td> 
      </tr> 
</table> 
</div> 

Answer 1

チェック：FixedHeaderTable.com

それは完全にjQueryのであり、あなたが探しているまさにありません。

Answer 2

私はヘッダテーブル内の同じサイズの別のテーブルとのdivを配置しよう、とCSSでオーバーフロースクロールを置きます...しかしあなたはあなたのメサメントに非常に注意を払わなければならないので、彼らは一致します...列の幅でヘッダーwitdth ...

それは扱いにくいと思います。このデモアウト