Fork me on GitHub

Common Use-Case: Window Scrolling

The table header sticks to the top of the page as you scroll down. This is done via absolute positioning it there, you can change it to use fixed positioning if you set useAbsolutePositioning to false.

Absolute positioning is a good default because you do not need to call $table.floatThead("reflow") if the table's position changes because of some changes in the DOM 

$('table').floatThead({
    scrollingTop: pageTop,
    useAbsolutePositioning: true //the default value
});

Re-initialize plugin with fixed positioning

floated header is using position:absolute

something type default description
1 blah blah blah blah blah blah blah blah blah blah blah blah
2 blah blah blah blah blah blah blah blah blah blah blah blah
3 blah blah blah blah blah blah blah blah blah blah blah blah
4 blah blah blah blah blah blah blah blah blah blah blah blah
5 blah blah blah blah blah blah blah blah blah blah blah blah
6 blah blah blah blah blah blah blah blah blah blah blah blah
7 blah blah blah blah blah blah blah blah blah blah blah blah
8 blah blah blah blah blah blah blah blah blah blah blah blah
9 blah blah blah blah blah blah blah blah blah blah blah blah
10 blah blah blah blah blah blah blah blah blah blah blah blah
11 blah blah blah blah blah blah blah blah blah blah blah blah
12 blah blah blah blah blah blah blah blah blah blah blah blah
13 blah blah blah blah blah blah blah blah blah blah blah blah
14 blah blah blah blah blah blah blah blah blah blah blah blah
15 blah blah blah blah blah blah blah blah blah blah blah blah
16 blah blah blah blah blah blah blah blah blah blah blah blah
17 blah blah blah blah blah blah blah blah blah blah blah blah
18 blah blah blah blah blah blah blah blah blah blah blah blah
19 blah blah blah blah blah blah blah blah blah blah blah blah
20 blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah