fixed header scroll gridview

 <div style = " background-color:aqua">
        <div style="margin: auto; margin-top: 100px; width: 617px; background-color:forestgreen ">
            <div style="height: 30px; width: 600px; ">
                <table border="1" id="tblHeader"
                    style="                        font-family: Arial;
                        font-size: 10pt;
                        width: 600px;
                        color: white;
                        background-color: blue;
                        border-collapse: collapse;
                        height: 100%;">
                    <tr>
                        <td style="width: 150px; text-align: center">CustomerID</td>
                        <td style="width: 150px; text-align: center">City</td>
                        <td style="width: 150px; text-align: center">Country</td>
                    </tr>
                </table>
            </div>

            <div style="height: 200px; width: 617px; overflow: auto;">
                <asp:GridView ID="GridView1" runat="server"
                    AutoGenerateColumns="false" Font-Names="Arial" ShowHeader="false"
                    Font-Size="11pt" AlternatingRowStyle-BackColor="#C2D69B" Width="100%">
                    <Columns>
                        <asp:BoundField ItemStyle-Width="150px" DataField="CustomerId" />
                        <asp:BoundField ItemStyle-Width="150px" DataField="Name" />
                        <asp:BoundField ItemStyle-Width="150px" DataField="Country" />
                    </Columns>
                </asp:GridView>
            </div>
        </div>
    </div>