windows的listview一样,而且不能把表头从表格里面独立出来-前端--易笔记-weiyer.com

　　核心提示：body {background-color: #F0F0F0 ;font: 11px 'verdana','Arial'; width:90%; margin-left:auto; margin-r...

<!doctype html public "-//w3c//dtd html 4.0 strict//en"> 
<html> 
<head> 
<style> 
body {  
    background-color: #F0F0F0 ;  
    font: 11px "verdana","Arial"; 
    width:90%; 
    margin-left:auto; 
    margin-right:auto;     
    }

.tScroll { 
    border: 1px #7494BF solid; 
    background-color: #ffffff; 
      overflow: scroll; 
    overflow-x:hidden; 
    height:100px; 
    cursor: default; 
    }

tr.tableHead { 
    position:relative; 
    background-color:#BFCEE7; 
    height: 16px;  
    text-align: center; 
    }

td {   
    font: 11px "Verdana", "Arial";  
    }

td.asBtn{     
    border: #7494BF solid; 
    border-width: 0px 1px 1px 0px;  
    }

table { 
    border:0px; 
    width:100%; 
    } 
</style> 
<script>var c=0</script> 
</head> 
<body> 
<div class="tScroll" id="tC"> 
<table cellspacing="0" cellpadding="0"> 
<tr class="tableHead" onselectstart="return false"style="top:expression(window.status=c++;tC.scrollTop)"> 
<td class="asBtn">heading1</td> 
<td class="asBtn">heading2</td><td class="asBtn">heading3</td> 
<td class="asBtn">heading4</td><td class="asBtn">heading5</td> 
<td class="asBtn">heading6</td> 
</tr> 
<tr><td>cell1</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr> 
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr> 
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr> 
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr> 
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr> 
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr> 
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr> 
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr> 
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr> 
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr> 
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr> 
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr> 
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr> 
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr> 
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr> 
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr> 
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr> 
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr> 
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr> 
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr> 
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr> 
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr> 
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr> 
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr> 
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr> 
<tr><td>cell n</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr> 
</table> 
</div> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

windows的listview一样,而且不能把表头从表格里面独立出来

时间：2006/8/31 点击：

本类热门

本类推荐

本类固顶

windows的listview一样,而且不能把表头从表格里面独立出来

时间：2006/8/31 点击：

您可能感兴趣的文章

相关评论

发表我的评论

本类热门

本类推荐

本类固顶