Bạn gần như ở đó. Bạn nên đặt tên cho hàm javascript là Onscrollfnction()
.
CHỈNH SỬA:
- Bạn thay thế nội dung HeaderDiv bằng html tr.
- Bạn phải áp dụng kiểu cho HeaderDiv.
Đây là tập lệnh:
</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>
Cải tiến thêm:
-
Tôi sẽ áp dụng chiều rộng cố định cho Cột GridView và áp dụng tiêu đề widthsto trong tiêu đề cột HeaderDiv.
-
Tôi sẽ ẩn tiêu đề của GridView và hiển thị HeaderDivinstead, để tránh chuyển đổi khó chịu khi bắt đầu cuộn.