Floating Table Title Demo
Scroll down the page to see the table column titles float. Titles will scroll as they go
off the top of the page. You will never loose sight of the tables column titles
as long as the table is visible on the screen
To use the script just include the TableFloaterTitle.js file
in the head of your document ( <script src="TableFloaterTitle.js"></script> ) and
then give the table a class of "FloatTitle"
Currently tested to work in Firefox 3, IE 7, and Safari 3.1.2
Note: For now the table titles must be inside a THEAD tag
Example:
<![CDATA[
<table class="FloatTitle">
<thead>
<tr bgcolor="#FFCC33;"><td>Title #1</td>...</tr>
</thead>
<tbody>
<tr><td>Stuff</td>...</tr>
<tr><td>Stuff</td>...</tr>
<tr><td>Stuff</td>...</tr>
</tbody>
</table>
]]>
| Title #1 | Title #2.... | Title #3....... | #4 |
| Item 1........... | Item 2 | Item 3 | Item 4 |
| Itemb5 | Item 6 | Item 7 | Item 8 |
| Item 1 | Item 2 | Item 3 | Item 4 |
| Itemb5 | Item 6 | Item 7 | Item 8 |
| Item 1 | Item 2 | Item 3 | Item 4 |
| Itemb5 | Item 6 | Item 7 | Item 8 |
| Item 1 | Item 2 | Item 3 | Item 4 |
| Itemb5 | Item 6 | Item 7 | Item 8 |
| Item 1 | Item 2 | Item 3 | Item 4 |
| Itemb5 | Item 6 | Item 7 | Item 8 |
| Item 1 | Item 2 | Item 3 | Item 4 |
| Itemb5 | Item 6 | Item 7 | Item 8 |
| Item 1 | Item 2 | Item 3 | Item 4 |
| Itemb5 | Item 6 | Item 7 | Item 8 |
| Item 1 | Item 2 | Item 3 | Item 4 |
| Itemb5 | Item 6 | Item 7 | Item 8 |
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
|
.
.
.
.
.
.
| Title #1 | Title #2.... | Title #3....... | #4 |
| Item 1........... | Item 2 | Item 3 | Item 4 |
| Itemb5 | Item 6 | Item 7 | Item 8 |
| Item 1 | Item 2 | Item 3 | Item 4 |
| Itemb5 | Item 6 | Item 7 | Item 8 |
| Item 1 | Item 2 | Item 3 | Item 4 |
| Itemb5 | Item 6 | Item 7 | Item 8 |
| Item 1 | Item 2 | Item 3 | Item 4 |
| Itemb5 | Item 6 | Item 7 | Item 8 |
| Item 1 | Item 2 | Item 3 | Item 4 |
| Itemb5 | Item 6 | Item 7 | Item 8 |
| Item 1 | Item 2 | Item 3 | Item 4 |
| Itemb5 | Item 6 | Item 7 | Item 8 |
| Item 1 | Item 2 | Item 3 | Item 4 |
| Itemb5 | Item 6 | Item 7 | Item 8 |
| Item 1 | Item 2 | Item 3 | Item 4 |
| Itemb5 | Item 6 | Item 7 | Item 8 |
|