Floating Table Header

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

Add to Cart

Approved by PRB

Our 30 Day Support Policy

  • Replies to tickets every few days.

Support Hosted

  • On concrete5.org