L'intestazione del riquadro di blocco di Gridview non si blocca dopo il caricamento della pagina

Ci sei quasi. Dovresti nominare la funzione javascript Onscrollfnction() .

MODIFICA:

1. Sostituisci il contenuto HeaderDiv con tr html.
2. Devi applicare lo stile a HeaderDiv.

Ecco lo script:

</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>

Ulteriori miglioramenti:

1. Applicherei la larghezza fissa alle colonne GridView e applicherei le intestazioni widthsto nelle intestazioni delle colonne HeaderDiv.

2. Nasconderei l'intestazione di GridView e visualizzerei HeaderDivin, per evitare la fastidiosa transizione all'inizio dello scorrimento.