+1-743546.jpg)
To provide a table scroll bar in a web page which looks like
Use the underline code:
<style type="text/css">
<!--
.style2 {color: #000000}
-->
</style>
<div style="overflow:auto; height:100px;">
<table cellspacing="0" cellpadding="0" width="100%" >
<thead>
<tr bgcolor="#cccccc" style="
position:relative; top:expression(this.offsetParent.scrollTop);" >
<th nowrap><span class="style2">Header A</span></th>
<th nowrap><span class="style2">Header B</span></th>
<th nowrap><span class="style2">Header C</span></th>
</tr>
</thead>
<tbody>
<tr style="border:1px solid #cccccc; "><td>aaaaaaaaaaaaaaaaaaa</td><td>b</td><td>ccccccccccccccccccc</td></tr>
<tr><td>a</td><td>bbbbbbb</td><td>c</td></tr>
<tr><td>a</td><td>b</td><td>c</td></tr>
<tr><td>a</td><td>b</td><td>c</td></tr>
<tr><td>a</td><td>b</td><td>c</td></tr>
<tr><td>a</td><td>b</td><td>c</td></tr>
<tr><td>a</td><td>b</td><td>c</td></tr>
<tr><td>a</td><td>b</td><td>c</td></tr>
<tr><td>a</td><td>b</td><td>c</td></tr>
<tr><td>a</td><td>b</td><td>c</td></tr>
<tr><td>a</td><td>b</td><td>c</td></tr>
<tr><td>a</td><td>b</td><td>c</td></tr>
</tbody>
</table>
</div>
