How to create fixed table headers using pivottable.js

Question

I am using a JavaScript plugin ( pivottable.js ) to create pivot tables to display large data on a django site. I want to add a fixed/sticky table head that stays at the top of my div while I scroll down.

Due to the creation of the tables in the JavaScript I cannot easily select the pivot table headers.

Does anyone know of anyway they have accomplished this in the past? A large percentage of my users use IE so it is critical it works on that as well.

Answer 1

floatThead is what you need to look at http://mkoryak.github.io/floatThead/

According to its website:

jquery.floatThead is a floating/locked/sticky/fixed table header plugin that requires no special CSS and supports window and overflow scrolling.