固定表格的标题列_2(CSS)

 1<html>
 2<body>
 3<div style="overflow:auto;height:100px;">
 4<table width="100%">
 5<tr style="position:relative;top:expression(this.offsetParent.scrollTop);background:navy;color:white;">
 6<th nowrap="">Header A</th>
 7<th nowrap="">Header B</th>
 8<th nowrap="">Header C</th>
 9</tr>
10<tr>
11<td>A</td>
12<td>B</td>
13<td>C</td>
14</tr>
15<tr>
16<td>A</td>
17<td>B</td>
18<td>C</td>
19</tr>
20<tr>
21<td>A</td>
22<td>B</td>
23<td>C</td>
24</tr>
25<tr>
26<td>A</td>
27<td>B</td>
28<td>C</td>
29</tr>
30<tr>
31<td>A</td>
32<td>B</td>
33<td>C</td>
34</tr>
35<tr>
36<td>A</td>
37<td>B</td>
38<td>C</td>
39</tr>
40<tr>
41<td>A</td>
42<td>B</td>
43<td>C</td>
44</tr>
45<tr>
46<td>A</td>
47<td>B</td>
48<td>C</td>
49</tr>
50<tr>
51<td>A</td>
52<td>B</td>
53<td>C</td>
54</tr>
55</table>
56</div>
57</body>
58</html>
Published At
Categories with Web编程
Tagged with
comments powered by Disqus