xTableHeaderFixed

1Feb10 - It still needs work :-)

xTableHeaderFixed - view source code, documentation and revision history.

Demos 1, 2 and 3 simulate "border-collapse:collapse" by having "border-collapse:separate" and "border-spacing:0" in the CSS, and "cellspacing='0'" in the HTML, and setting only right and bottom borders on the TDs and THs. The tables in demos 1 and 2 have different styling so an xTableHeaderFixed object is instantiated for each table.

• Demo 1 - The container is the window object.
• Demo 2 - The container is a scrollable Element object.
• Demo 3 - The container is a scrollable Element object. The tables are served via Ajax.

Demos 4, 5 and 6 have "border-collapse:collapse" and do not have "border-spacing:0" in the CSS, and do not have "cellspacing='0'" in the HTML, and they have complete borders on the TDs and THs. The tables in demos 4 and 5 have the same styling so only one xTableHeaderFixed object is instantiated.

• Demo 4 - The container is the window object.
• Demo 5 - The container is a scrollable Element object.
• Demo 6 - The container is a scrollable Element object. The tables are served via Ajax.

This is the demo that started it all.

• Demo 0 - the original "catfish" version (deprecated).

There are many threads on xTableHeaderFixed at the X Forums.

Here's the old thread at Site Point, which began on 1Dec06.