example.html - jscancer - Javascript crap (relatively small)
(HTM) git clone git://git.codemadness.org/jscancer
(DIR) Log
(DIR) Files
(DIR) Refs
(DIR) README
(DIR) LICENSE
---
example.html (2718B)
---
1 <style type="text/css">
2 table tr th {
3 position: sticky;
4 top: 0; /* depends on padding of parent element */
5 /* fixup borders for sticky th cells */
6 border: 0 !important;
7 outline: 1px solid #ddd;
8 }
9
10 /* optional styling for the example: not needed to make it sticky */
11 table { border-collapse: collapse; }
12 th { background-color: #eee; }
13 td { background-color: #fff; }
14 th, td { border: 1px solid #ddd; }
15
16 </style>
17
18 <h1>Table 1</h1>
19
20 <table>
21 <thead>
22 <tr><th>Column 1</th><th>Column 2</th></tr>
23 </thead>
24 <tbody>
25 <tr><td>row 1, cell 1</td><td>row 1 cell 2</td></tr>
26 <tr><td>row 2, cell 1</td><td>row 1 cell 2</td></tr>
27 <tr><td>row 3, cell 1</td><td>row 1 cell 2</td></tr>
28 <tr><td>row 4, cell 1</td><td>row 1 cell 2</td></tr>
29 <tr><td>row 5, cell 1</td><td>row 1 cell 2</td></tr>
30 <tr><td>row 6, cell 1</td><td>row 1 cell 2</td></tr>
31 <tr><td>row 7, cell 1</td><td>row 1 cell 2</td></tr>
32 <tr><td>row 8, cell 1</td><td>row 1 cell 2</td></tr>
33 <tr><td>row 9, cell 1</td><td>row 1 cell 2</td></tr>
34 <tr><td>row 10, cell 1</td><td>row 1 cell 2</td></tr>
35 <tr><td>row 12, cell 1</td><td>row 1 cell 2</td></tr>
36 <tr><td>row 13, cell 1</td><td>row 1 cell 2</td></tr>
37 <tr><td>row 14, cell 1</td><td>row 1 cell 2</td></tr>
38 <tr><td>row 15, cell 1</td><td>row 1 cell 2</td></tr>
39 <tr><td>row 16, cell 1</td><td>row 1 cell 2</td></tr>
40 <tr><td>row 17, cell 1</td><td>row 1 cell 2</td></tr>
41 <tr><td>row 18, cell 1</td><td>row 1 cell 2</td></tr>
42 <tr><td>row 19, cell 1</td><td>row 1 cell 2</td></tr>
43 <tr><td>row 20, cell 1</td><td>row 1 cell 2</td></tr>
44 </tbody>
45 </table>
46
47
48 <h1>Table 2</h1>
49
50 <table>
51 <thead>
52 <tr><th>Column 1</th><th>Column 2</th></tr>
53 </thead>
54 <tbody>
55 <tr><td>row 1, cell 1</td><td>row 1 cell 2</td></tr>
56 <tr><td>row 2, cell 1</td><td>row 1 cell 2</td></tr>
57 <tr><td>row 3, cell 1</td><td>row 1 cell 2</td></tr>
58 <tr><td>row 4, cell 1</td><td>row 1 cell 2</td></tr>
59 <tr><td>row 5, cell 1</td><td>row 1 cell 2</td></tr>
60 <tr><td>row 6, cell 1</td><td>row 1 cell 2</td></tr>
61 <tr><td>row 7, cell 1</td><td>row 1 cell 2</td></tr>
62 <tr><td>row 8, cell 1</td><td>row 1 cell 2</td></tr>
63 <tr><td>row 9, cell 1</td><td>row 1 cell 2</td></tr>
64 <tr><td>row 10, cell 1</td><td>row 1 cell 2</td></tr>
65 <tr><td>row 12, cell 1</td><td>row 1 cell 2</td></tr>
66 <tr><td>row 13, cell 1</td><td>row 1 cell 2</td></tr>
67 <tr><td>row 14, cell 1</td><td>row 1 cell 2</td></tr>
68 <tr><td>row 15, cell 1</td><td>row 1 cell 2</td></tr>
69 <tr><td>row 16, cell 1</td><td>row 1 cell 2</td></tr>
70 <tr><td>row 17, cell 1</td><td>row 1 cell 2</td></tr>
71 <tr><td>row 18, cell 1</td><td>row 1 cell 2</td></tr>
72 <tr><td>row 19, cell 1</td><td>row 1 cell 2</td></tr>
73 <tr><td>row 20, cell 1</td><td>row 1 cell 2</td></tr>
74 </tbody>
75 </table>