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 - 1
Col - 2
Col - 3
Col - 4
1
2
3
4
2
3
4
5
3
4
5
6
4
5
6
7
5
6
7
8
6
7
8
9
7
8
9
10
8
9
10
11
9
10
11
12
10
11
12
13
11
12
13
14
12
13
14
15
13
14
15
16
14
15
16
17
15
16
17
18
16
17
18
19
17
18
19
20
18
19
20
21
19
20
21
22
20
21
22
23
21
22
23
24
22
23
24
25
23
24
25
26
24
25
26
27
25
26
27
28
26
27
28
29
27
28
29
30
28
29
30
31
29
30
31
32
30
31
32
33
31
32
33
34
32
33
34
35
33
34
35
36
34
35
36
37
35
36
37
38
36
37
38
39
37
38
39
40
38
39
40
41
39
40
41
42
40
41
42
43
41
42
43
44
42
43
44
45
43
44
45
46
44
45
46
47
45
46
47
48
46
47
48
49
47
48
49
50
48
49
50
51
49
50
51
52
50
51
52
53
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 - 1
Col - 2
Col - 3
Col - 4
1
2
3
4
2
3
4
5
3
4
5
6
4
5
6
7
5
6
7
8
6
7
8
9
7
8
9
10
8
9
10
11
9
10
11
12
10
11
12
13
11
12
13
14
12
13
14
15
13
14
15
16
14
15
16
17
15
16
17
18
16
17
18
19
17
18
19
20
18
19
20
21
19
20
21
22
20
21
22
23
21
22
23
24
22
23
24
25
23
24
25
26
24
25
26
27
25
26
27
28
26
27
28
29
27
28
29
30
28
29
30
31
29
30
31
32
30
31
32
33
31
32
33
34
32
33
34
35
33
34
35
36
34
35
36
37
35
36
37
38
36
37
38
39
37
38
39
40
38
39
40
41
39
40
41
42
40
41
42
43
41
42
43
44
42
43
44
45
43
44
45
46
44
45
46
47
45
46
47
48
46
47
48
49
47
48
49
50
48
49
50
51
49
50
51
52
50
51
52
53
You can downlad plugin in jquery plugin site
This demo created by
Mustafa OZCAN