Gridview-Freeze-Pane-Header friert nach dem Laden der Seite nicht ein

Du bist fast am Ziel. Sie sollten die Javascript-Funktion Onscrollfnction() nennen .

BEARBEITEN:

1. Sie ersetzen den HeaderDiv-Inhalt durch tr html.
2. Sie müssen den Stil auf HeaderDiv anwenden.

Hier ist das 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>

Weitere Verbesserungen:

1. Ich würde eine feste Breite auf GridView-Spalten anwenden und die Breite auf die Überschriften der HeaderDiv-Spaltenüberschriften anwenden.

2. Ich würde den Header der GridView ausblenden und stattdessen den HeaderDiv anzeigen, um den lästigen Übergang am Anfang des Scrollens zu vermeiden.