ready-to-use resources, tutorials, tips and many other web development related stuff
WARNING! You probably have JavaScript disabled. Some features of this site will not work properly unless JavaScript enabled.
www.webdevelopmentstuff.com changed to www.webdevstuff.com

Fixed Table Header With jQuery

Wouldn’t be nice to have HTML tables with many columns and rows and after scrolling it down the table header will stay up? Very handy for those who has tall tables on their websites, and when the visitors scroll the table down, they will never forget context of the cell because the table header will never scroll out of view. This effect is gained by creating two tables and stacking them on top of each other, one for the thead and the other for the tbody. Regardless of the extra markup required, this effect seems to work in the most web browsers. Latest source code can be found here.

Fixed Table Header With jQuery

Leave a Reply

© 2008 - 2014, webdevstuff.com | Powered by Wordpress | Theme by Elegant Themes | Valid XHTML and CSS | Subscribe to RSS