原理:style="margin-top:-2"避免两个table的border叠加效果。
<style type="text/css">
td{
border:1px black solid;
text-align:center;
}
</style>
两个table显示成一个table效果,标题列不滚动:<BR>
<table border="1" cellspacing="0" width="500px" style="border-color:black;" >
<tr><td width="20%">标题1</td><td width="20%">标题2</td><td width="20%">标题3</td><td width="20%">标题4</td></tr>
</table>
<div id="tb" style="height:100px;overflow-y:scroll;display:block;margin-top:-2;">
<table border="1" cellspacing="0" width="500px" style="border-color:black;" >
<tr><td width="20%">2</td><td width="20%">2</td><td width="20%">2</td><td width="20%">2</td></tr>
<tr><td width="20%">2</td><td width="20%">2</td><td width="20%">2</td><td width="20%">2</td></tr>
<tr><td width="20%">2</td><td width="20%">2</td><td width="20%">2</td><td width="20%">2</td></tr>
<tr><td width="20%">2</td><td width="20%">2</td><td width="20%">2</td><td width="20%">2</td></tr>
<tr><td width="20%">2</td><td width="20%">2</td><td width="20%">2</td><td width="20%">2</td></tr>
<tr><td width="20%">2</td><td width="20%">2</td><td width="20%">2</td><td width="20%">2</td></tr>
<tr><td width="20%">2</td><td width="20%">2</td><td width="20%">2</td><td width="20%">2</td></tr>
<tr><td width="20%">2</td><td width="20%">2</td><td width="20%">2</td><td width="20%">2</td></tr>
<tr><td width="20%">2</td><td width="20%">2</td><td width="20%">2</td><td width="20%">2</td></tr>
</table>
</div>