header is not scroll horizontal it remain fix horizontally and vertically

See more:

ASP.NET

sir,
i see your article at the following link
Grid View with fixed header[^]

it is too good i make the scrollable grid view by this article

sir i have the problum is that header is not move (or scroll) with horizontaly,
i confuse infollwing part
1.)

<%--Div contains the new header of the GridView--%>
  <div id="HeaderDiv">
  </div>
  <%--Wrapper Div which will scroll the GridView--%>
  <div id="DataDiv" style="overflow: auto; border: 1px solid olive; width: 600px; height: 300px;" onscroll="Onscrollfnction();">
       <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="true"
              CellPadding="6" CssClass="GridViewStyle">
              <HeaderStyle  CssClass="GridViewHeaderStyle" />
        </asp:GridView>
   </div>

here the <headerstyle is="" not="" use="" in="" the="" code="" and="" i="" think="" onscrollfunction="" mode="hold">

please tell me how these use how i am solve the problem
please send me complete cod on


[email removed]
thank you very much