jQuery Fixed Table Header Demo For ASP.NET GridView

Please scroll page for see action

GridView Example 1:
<script type="text/javascript">
   $(function() {
          $(".gv").fixedtableheader({ highlightrow: true, highlightclass: "highlight" });
    });
</script>


<asp:GridView ID="GridView1" CssClass="gv" runat="server">
   <HeaderStyle CssClass="gvh" />
   <RowStyle CssClass="gvr" />
   <AlternatingRowStyle CssClass="gva" />
</asp:GridView>


Col - 1Col - 2Col - 3Col - 4
1234
2345
3456
4567
5678
6789
78910
891011
9101112
10111213
11121314
12131415
13141516
14151617
15161718
16171819
17181920
18192021
19202122
20212223
21222324
22232425
23242526
24252627
25262728
26272829
27282930
28293031
29303132
30313233
31323334
32333435
33343536
34353637
35363738
36373839
37383940
38394041
39404142
40414243
41424344
42434445
43444546
44454647
45464748
46474849
47484950
48495051
49505152
50515253
GridView Example 2:
<script type="text/javascript">
   $(function() {
          $("#<%= GridView2.ClientID %>").fixedtableheader();
   });
</script>


<asp:GridView ID="GridView2" CssClass="gvtest" runat="server" HorizontalAlign="Center" Width="400" EnableViewState="false">
   <HeaderStyle CssClass="gvh" />
   <RowStyle CssClass="gvr" />
   <AlternatingRowStyle CssClass="gva" />
</asp:GridView>
Col - 1Col - 2Col - 3Col - 4
1234
2345
3456
4567
5678
6789
78910
891011
9101112
10111213
11121314
12131415
13141516
14151617
15161718
16171819
17181920
18192021
19202122
20212223
21222324
22232425
23242526
24252627
25262728
26272829
27282930
28293031
29303132
30313233
31323334
32333435
33343536
34353637
35363738
36373839
37383940
38394041
39404142
40414243
41424344
42434445
43444546
44454647
45464748
46474849
47484950
48495051
49505152
50515253


You can downlad plugin in jquery plugin site


This demo created by Mustafa OZCAN