现在的位置: 首页 > 综合 > 正文

一个表头可以悬挂的table

2013年10月12日 ⁄ 综合 ⁄ 共 627字 ⁄ 字号 评论关闭

写一个表头可以悬挂的table,代码如下:

<html>
<body>
<div style="width:20%;height:150px;overflow:auto">
<table width=100% align=center>
    
<thead>
        
<tr style="position:relative;top:expression(this.offsetParent.scrollTop);background-color: #eeeeee;height: 22px;">
            
<td>列标题</td>
        
</tr>
    
</thead>
    
<tbody>
        
<tr><td>列1</td></tr>
        
<tr><td>列2</td></tr>
        
<tr><td>列3</td></tr>
        
<tr><td>列4</td></tr>
        
<tr><td>列5</td></tr>
        
<tr><td>列6</td></tr>
        
<tr><td>列7</td></tr>
        
<tr><td>列8</td></tr>
        
<tr><td>列9</td></tr>
        
<tr><td>列10</td></tr>
    
</tbody>
<table>
</dib>
</body>
</html>

抱歉!评论已关闭.