Du är nästan där. Du bör namnge javascript-funktionen Onscrollfnction()
.
EDIT:
- Du ersätter HeaderDiv-innehållet med tr html.
- Du måste använda stil på HeaderDiv.
Här är manuset:
</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>
Ytterligare förbättringar:
-
Jag skulle tillämpa fast bredd på GridView-kolumner och tillämpa bredden på rubrikerna i HeaderDiv-kolumnrubrikerna.
-
Jag skulle dölja GridView-huvudet och visa HeaderDivinstead för att undvika den irriterande övergången i början av rullningen.