Bootstrap 3: Responsive Table with Floating Header

Question

I tried to make the table header floating with example from here: http://cmcqueen1975.bitbucket.org/htmlFloatingTableHeader/tables.html. But it doesn't show smooth floating header at IE and Chrome.

So, I tried with another one, http://mkoryak.github.io/floatThead/. This one shows smooth floating when scrolling in IE, but the column size in the table doesn't show well.

Both method above doesn't work well with Bootstrap responsive table.

Do you know any other method for floating table header that works well with bootstrap 3 responsive table?

Answer 1

I've been looking for something much alike. Because of this question I found http://mkoryak.github.io/floatThead/ which I am now using. I don't see any problems as this is the sole solution that actually works for me.

I tried writing my own plugin which worked up until a certain point. Alas it started failing once I put it in a .table-responsive. The floatThead plugin does everything I want it to do. Perhaps you used an older version and have bugs been solved now?