jQuery Floating Table Header Demo
Demo of the float header jQuery plugin.
Example 1
Example using the thead as a floating header.
jQuery('#example1').floatHeader({
fadeIn: 250,
fadeOut: 250
});
| Header 1 | Header 2 | Header 3 | Header 4 | Header 5 |
|---|---|---|---|---|
| Lorem | ipsum | dolor | sit amet, | consectetur adpiscing elit. |
| Lorem | ipsum | dolor | sit amet, | consectetur adpiscing elit. |
| Lorem | ipsum | dolor | sit amet, | consectetur adpiscing elit. |
| Lorem | ipsum | dolor | sit amet, | consectetur adpiscing elit. |
| Lorem | ipsum | dolor | sit amet, | consectetur adpiscing elit. |
| Lorem | ipsum | dolor | sit amet, | consectetur adpiscing elit. |
| Lorem | ipsum | dolor | sit amet, | consectetur adpiscing elit. |
| Lorem | ipsum | dolor | sit amet, | consectetur adpiscing elit. |
| Lorem | ipsum | dolor | sit amet, | consectetur adpiscing elit. |
| Lorem | ipsum | dolor | sit amet, | consectetur adpiscing elit. |
Example 2
Example 2 with a bigger table.
jQuery('#example2').floatHeader({
fadeIn: 250,
fadeOut: 250
});
| The good | the bad | and | the | ugly. | The good | the bad | and | the | ugly. |
|---|---|---|---|---|---|---|---|---|---|
| The good | the bad | and | the | wierd. | The good | the bad | and | the | wierd. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
| All work | and no play | makes Erik | a | dull boy. | All work | and no play | makes Erik | a | dull boy. |
Back to slackers