Você está quase lá. Você deve nomear a função javascript
Onscrollfnction()
. EDITAR:
- Você substitui o conteúdo HeaderDiv por tr html.
- Você precisa aplicar estilo a HeaderDiv.
Aqui está o roteiro:
</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>
Outras melhorias:
-
Eu aplicaria largura fixa às colunas GridView e aplicaria as larguras aos cabeçalhos nos cabeçalhos de coluna HeaderDiv.
-
Eu ocultaria o cabeçalho do GridView e exibiria o HeaderDivin vez, para evitar a transição irritante no início da rolagem.