We have made some very complex tables as part of a project to replace some excel spreadsheet. I must admit, Excel is a worthy adversary. Think of all the flexibility it provides! Functions, adding columns, merging and splitting rows, styling and more. We have replaced only a subset of this functionality.
In this post is a solution to a major problem we had when our tables grew too big. The client wanted the headers to stick. Sounds simple, no? Well, it was h… We’ve learned a thing or too about html and table thead and tbody. Luckily for you, we have wrapped the solution in a single javascript file for you to include. Just add our handles (css classes) to your table and thead and trigger the plugin.
Se a live example here:
http://rubynor.com/table-fixed-header/example.html
Download the source code from: github.com/oma/table-fixed-header
And vote for the answer at stackoverflow to give it more attention, and if you like it! HTML table with fixed headers?
I hope you like it!