Gridview Freeze Pane-header bevriest niet nadat de pagina is geladen

Je bent er bijna. Geef de javascript-functie de naam Onscrollfnction() .

BEWERKEN:

1. Je vervangt de HeaderDiv-inhoud door tr html.
2. Je moet stijl toepassen op HeaderDiv.

Hier is het 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>

Verdere verbeteringen:

1. Ik zou een vaste breedte toepassen op GridView-kolommen en de breedtes toepassen op koppen in de HeaderDiv-kolomkoppen.

2. Ik zou de header van de GridView verbergen en de HeaderDivinstead weergeven om de vervelende overgang aan het begin van het scrollen te voorkomen.