Tu es presque là. Vous devez nommer la fonction javascript Onscrollfnction()
.
MODIF :
- Vous remplacez le contenu HeaderDiv par tr html.
- Vous devez appliquer un style à HeaderDiv.
Voici le 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>
Autres améliorations :
-
J'appliquerais une largeur fixe aux colonnes GridView et appliquerais les largeurs aux en-têtes dans les en-têtes de colonne HeaderDiv.
-
Je cacherais l'en-tête du GridView et afficherais le HeaderDivin à la place, pour éviter la transition ennuyeuse au début du défilement.