Заглавката на панела за замразяване на Gridview не замръзва след зареждане на страницата

Почти стигнахте. Трябва да назовете функцията на JavaScript Onscrollfnction() .

РЕДАКТИРАНЕ:

1. Заменяте съдържанието на HeaderDiv с tr html.
2. Трябва да приложите стил към HeaderDiv.

Ето го скрипта:

</style><script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
    function Onscrollfnction() {
        var header = $("#GridView1").find('tr:first').html();
        $("#HeaderDiv").html(header);
        $("#HeaderDiv").addClass("GridViewHeaderStyle");
    }
</script>

Допълнителни подобрения:

1. Бих приложил фиксирана ширина към колоните на GridView и бих приложил ширината към заглавките в заглавките на колоните HeaderDiv.

2. Бих скрил заглавката на GridView и вместо това ще покажа HeaderDivin, за да избегна досадния преход в началото на превъртането.