Już prawie jesteś. Powinieneś nazwać funkcję javascript Onscrollfnction()
.
EDYTUJ:
- Zamieniasz zawartość HeaderDiv na tr html.
- Musisz zastosować styl do HeaderDiv.
Oto skrypt:
</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>
Dalsze ulepszenia:
-
Zastosowałbym stałą szerokość do kolumn GridView i zastosowałbym nagłówki widthsto w nagłówkach kolumn HeaderDiv.
-
Ukryłbym nagłówek GridView i wyświetlił HeaderDivinstead, aby uniknąć denerwującego przejścia na początku przewijania.