| |   Skin:   
      User: Not logged in 
Newsletter Signup
XSLT Library
Latest XML Blogs
Featured Examples
Featured Articles
Book Chapters
Training Courses
Sign In
My Profile
My Articles
My Examples
My Favorites
My Resources
Add a Resource
About Me
My Blog
HeadGeek Articles
Talking Portfolio
World Trip Pics

Sticky Table Headers
Author: David Silverlight
Published: 11/25/2005 4:12 PM
Category: XML, XSL
Summary: Sticky Table Headers are a characteristic of tables that allow the HeaderRow of a table to remain stationary while the data rows are allowed to scroll. This offers a nice effect that allows tables a more "elegant" appearance. Users often ask me about

Version 1 - Using CSS and Dynamic Expressions
This is another version that I like quite a bit because it uses CSS and Dynamic Expressions. Dynamic Expressions are a very powerful technology because they allow you to update style properties dynamically via javascript. Pretty cool, eh?

Check out version 1

Version 2 - Using CSS Only
This is my favorite version because it is done completely through CSS in a very concise manner. IMHO, it is quite impressive that it can be accomplished via CSS only.

Check out Version 2

Version 3 - Using WebFX SyncScroll Property
This is an example of a scrolling table created by KustomKraft , who has modified the SyncScroll Demo from WebFX to make it a little eaiser to use. According to KustomKraft, there are some limitations to this that he is also currently working on and has another version that is much harder to setup but does fix some of the problems. For most people this should work just fine.

Check out version 3

Version 4 - Using a Header Table and Data Table
This example demonstrates probably the most common implementation of this functionality. Essentially, it is super-easy to implement and figure out, but in some cases it is still difficult to make sure that the column headings line up with the data when the data gets wide.

Check out version 4


Fans of "The Office"
Dwight Bobbleheads are here!
  “It's me! I'm the bobblehead! Yes!”

Advertise on XMLPitstop

Advertise on XMLPitstop

EggHead Cafe
Web Servicee development
Buy text ads here!
online backup
Color Laser Printer
designer sunglasses
Skype vs. sipcall
VoIP Internettelefonie
Buy text ads here!

Interested in Text ads?
2,223 Total Members
36 members(last 30 days)
8 members(last 7 days)
2 members(today)

1,609 Total Discussions
12 Posts(last 30 days)
0 Posts(last 7 days)
0 Posts(today)

17,260 Total Blog Posts
1,839 Blogs(last 30 days)
342 Blogs(last 7 days)
49 Blogs(today)

8,699 Newsgroup Posts
0 Posts(last 30 days)
0 Posts(last 7 days)
0 Posts(today)

13,786 Total Resources
5 Resources(last 30 days)
1 Resources(last 7 days)
0 Resources(today)


David Silverlight's| 2801 Florida Ave #225|Miami, FL 33133|Ph:305-447-1139