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.
type just www.webdevstuff.com into your browser's address bar

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

Share and Enjoy:
  • blogmarks
  • del.icio.us
  • Design Float
  • Digg
  • DZone
  • email
  • Facebook
  • Google Bookmarks
  • HackerNews
  • LinkArena
  • LinkedIn
  • Live
  • Mixx
  • MSN Reporter
  • MyShare
  • MySpace
  • Netvibes
  • PDF
  • Print
  • Reddit
  • RSS
  • Slashdot
  • SphereIt
  • Sphinn
  • StumbleUpon
  • Suggest to Techmeme via Twitter
  • Technorati
  • Twitter
  • Yahoo! Bookmarks


Leave a Reply

© 2008 - 2010, webdevelopmentstuff.com | Powered by Wordpress | Designed by Elegant Themes | Valid XHTML and CSS | Subscribe to RSS