Ya casi has llegado. Debe nombrar la función javascript Onscrollfnction()
.
EDITAR:
- Reemplazas el contenido de HeaderDiv con tr html.
- Tienes que aplicar estilo a HeaderDiv.
Aquí está el guión:
</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>
Otras mejoras:
-
Aplicaría un ancho fijo a las Columnas de GridView y aplicaría el ancho a los encabezados en los encabezados de las columnas HeaderDiv.
-
Ocultaría el encabezado de GridView y mostraría HeaderDivin en su lugar, para evitar la molesta transición al comienzo del desplazamiento.