javascript - ヘッダーが固定されたスクロール可能な GridView

Question

スクロール可能なグリッドビューを作成しようとしていgv_RegionMasterます。データベースを動的にアタッチしています。これでCSSも試しました。しかし、まだ機能していません。

私はそれが繰り返される質問であることを知っていますが、私のコードでは機能しません。誰かが私を助けることができるかどうか教えてください。

{
<script type="text/stylesheet">
.header
{
    position: relative;
    z-index: 10;
    overflow:scroll;
    max-height:500px;
    width:600px
}
</script>
    <asp:Button ID="btn_DisplayGrid" runat="server" Text="Click here"/>
    <br /><br />

   <div id="DivMainContent" visible="false" runat="server" align="center">

        <asp:GridView ID="gv_RegionMaster" runat="server" AllowPaging="false" Height="500px" Width="600px" style="overflow:auto">
            <HeaderStyle cssClass="header" BackColor="Gray"/>
        </asp:GridView>
    </div>
}