WARNING: concrete5 5.6 and earlier are end-of-life. Sales from the marketplace have now ended. Click here to learn more about this transition.
This plugin makes sure the THEAD of a table always is visible. This is done by cloning the THEAD element and displaying it on top of the table when the original header is outside the viewport.
Demo:
http://zima.alpetour.pl/wyjazdy-narciarskie/kalendarium-wyjazdow/terminy-wyjazdy-autokarowe/
How to use:
1. Create content block and put the table with header:
Correct table:
<table id="example_table">
<thead>
<tr>
<th>Floating Header</th>
</tr>
</thead>
<tbody>
<tr>
<td>Body</td>
</tr>
</tbody>
</table>
2. Add Floating Header Block bottom of content.
Options:
ID or class
Add class or id table, eg: #example_table
fadeOut
The length of the fade out animation in ms. Default: 250
fadeIn
The length of the face in animation in ms. Default: 250