This page uses bootstrap 3. FloatThead does not require any css to properly float the table header. However, it does require css to make sure that the floated header does not have a transparent background etc

This page has 2 tables which have the class of table table-striped table-bordered and table table-striped.

Here is the css you need to make them look decent with floatThead:

table.floatThead-table {
    border-top: none;
    border-bottom: none;
    background-color: #FFF;
}

Because the first table is wrapped in a bootstrap3 .table-responsive wrapper, you need to specify the responsiveContainer option. This option is only applicable to window scrolling, which means that you cannot use 'scrollContainer' option together with this option.

This option makes the horizontal scrolling behave itself when scrolling within the table on smaller screen sizes.

    $(".table.with-responsive-wrapper").floatThead({
        responsiveContainer: function($table){
            return $table.closest(".table-responsive");
        }
    });
    $(".table.without-responsive-wrapper").floatThead();