Už jste skoro tam. Funkci javascriptu byste měli pojmenovat Onscrollfnction()
.
UPRAVIT:
- Obsah HeaderDiv nahradíte tr html.
- Na HeaderDiv musíte použít styl.
Zde je skript:
</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>
Další vylepšení:
-
Použil bych pevnou šířku na sloupce GridView a aplikoval bych widthto záhlaví v záhlaví sloupců HeaderDiv.
-
Skryl bych hlavičku GridView a zobrazil HeaderDivinstead, abych se vyhnul nepříjemnému přechodu na začátku posouvání.