This table can be set up for any size, number of columns and number of rows. It does not require any scripting. It is pure HTML/CSS.
This code may be used on any site; private or public, so long ast the copyright notice is left intact. It may not be sold or included in a collection where a fee is charged for access.
This code may be used on any site; private or public, so long ast the copyright notice is left intact. It may not be sold or included in a collection where a fee is charged for access.
General Details
Snippet uploaded by: COBOLdinosaur
Email : coboldinosaur@excite.com
Snippet By: COBOLdinosaur
<!---Head--->
<!-- Copyrighted COBOLdinosaur, 2001 No fee may charged for the use of or access to this code -->
<title> scrollable table</title>
<style>
body {background-color:moccasin}
th {color:snow;background-color:darkkhaki}
td {color:navajowhite;background-color:navy}
.maindiv {background-color:tan}
</style>
<!---Body--->
<!-- Copyrighted COBOLdinosaur, 2001 No fee may charged for the use of or access to this code -->
<div style="position:absolute;left:50;top:50">
<table frame="border" width = 480>
<col width=80>
<col width=80>
<col width=80>
<col width=80>
<col width=80>
<col width=80>
<tr>
<th>first</th>
<th>second</th>
<th>third</th>
<th>fourth</th>
<th>fifth</th>
<th>sixth</th>
</tr>
</table>
<div class="maindiv" STYLE="overflow-X:hidden;overflow-y:scroll;width:496;height:300;">
<table frame="border" width=480 height=1200 >
<col width=80>
<col width=80>
<col width=80>
<col width=80>
<col width=80>
<col width=80>
<tr>
<td height=60>Cd&</td>
<td height=60>:^)</td>
<td height=60>colC</td>
<td height=60>xxxx</td>
<td height=60>:^)</td>
<td height=60>Cd&</td>
</tr>
<tr>
<td height=60>Cd&</td>
<td height=60>:^)</td>
<td height=60>colC</td>
<td height=60>xxxx</td>
<td height=60>:^)</td>
<td height=60>Cd&</td>
</tr>
<tr>
<td height=60>Cd&</td>
<td height=60>:^)</td>
<td height=60>colC</td>
<td height=60>xxxx</td>
<td height=60>:^)</td>
<td height=60>Cd&</td>
</tr>
<tr>
<td height=60>Cd&</td>
<td height=60>:^)</td>
<td height=60>colC</td>
<td height=60>xxxx</td>
<td height=60>:^)</td>
<td height=60>Cd&</td>
</tr>
<tr>
<td height=60>Cd&</td>
<td height=60>:^)</td>
<td height=60>colC</td>
<td height=60>xxxx</td>
<td height=60>:^)</td>
<td height=60>Cd&</td>
</tr>
<tr>
<td height=60>Cd&</td>
<td height=60>:^)</td>
<td height=60>colC</td>
<td height=60>xxxx</td>
<td height=60>:^)</td>
<td height=60>Cd&</td>
</tr>
<tr>
<td height=60>Cd&</td>
<td height=60>:^)</td>
<td height=60>colC</td>
<td height=60>xxxx</td>
<td height=60>:^)</td>
<td height=60>Cd&</td>
</tr>
<tr>
<td height=60>Cd&</td>
<td height=60>:^)</td>
<td height=60>colC</td>
<td height=60>xxxx</td>
<td height=60>:^)</td>
<td height=60>Cd&</td>
</tr>
<tr>
<td height=60>Cd&</td>
<td height=60>:^)</td>
<td height=60>colC</td>
<td height=60>xxxx</td>
<td height=60>:^)</td>
<td height=60>Cd&</td>
</tr>
<tr>
<td height=60>Cd&</td>
<td height=60>:^)</td>
<td height=60>colC</td>
<td height=60>xxxx</td>
<td height=60>:^)</td>
<td height=60>Cd&</td>
</tr>
<tr>
<td height=60>Cd&</td>
<td height=60>:^)</td>
<td height=60>colC</td>
<td height=60>xxxx</td>
<td height=60>:^)</td>
<td height=60>Cd&</td>
</tr>
<tr>
<td height=60>Cd&</td>
<td height=60>:^)</td>
<td height=60>colC</td>
<td height=60>xxxx</td>
<td height=60>:^)</td>
<td height=60>Cd&</td>
</tr>
<tr>
<td height=60>Cd&</td>
<td height=60>:^)</td>
<td height=60>colC</td>
<td height=60>xxxx</td>
<td height=60>:^)</td>
<td height=60>Cd&</td>
</tr>
<tr>
<td height=60>Cd&</td>
<td height=60>:^)</td>
<td height=60>colC</td>
<td height=60>xxxx</td>
<td height=60>:^)</td>
<td height=60>Cd&</td>
</tr>
</table>
</div>
<table border=1 width=480 bgstyle="color:silver">
<col width = 80>
<col width = 80>
<col width = 80>
<col width = 80>
<col width = 80>
<col width = 80>
<tr>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
</table>
</div>
No Reviews to show
