Fork me on GitHub

This plugin works by moving your table's header into a new table that it creates, it then floats that table in the correct position. In order to accomplish this the plugin expects a few things to be true:

TLDR:
Your table's styles must continue to style the newly created table which will live inside of a container div appended below your real table. The new table will have the same class(es) as your original table. The table must be visible when you run the plugin ⟶If it is not, you will need to trigger a reflow event on it when it becomes visible.

Ideal world:

table.myTable { ... }
div.table-container table { ... }

Will also work:

Will not work:

#myTableRocks td { color: blue; }