[thelist] fixed table header - scrolling table body

[.jeff]

moni,

><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
> From: moni_orife
>
> I’m looking for actual implementation methods of a
> table with fixed header elements and a scrolling body.
> I would like to see how it works & evaluate the current
> support of these methods in the current browsers.
><><><><><><><><><><><><><><><><><><><><><><><><><><><><><

according to this:

http://www.faqts.com/knowledge_base/view.phtml/aid/7640

it's as simple as adding an overflow property to the <tbody> tag with
overflow set to auto for those browsers that support this functionality.

><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
> I recently received a request from a client who saw this
> behavior on the windows update “installation history”
> page. [a screenshot of the ehavior:  ] Microsoft
> developers seem to have found a unique way of keeping me
> from seeing their source code - i’ve tried all the tricks
> i know :(  I actually wonder if what i’m seeing on the
> page is actually markup or vbscript or something else.
><><><><><><><><><><><><><><><><><><><><><><><><><><><><><

it's two separate tables actually.  the headers are in a table and the
scrolling section is a table inside of a div with a height and overflow set
to auto.

><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
> The application is a intranet/browser-based application
> that requires IE 5.5+.  I imagine this functionality is
> still relatively new and not being widely used.
><><><><><><><><><><><><><><><><><><><><><><><><><><><><><

you have a couple of options then.

i use then one currently, but doesn't perform as well when there are lots
and lots of elements in the table.  it relies completely on dhtml so it's
not what one would call an accessible solution.
http://www.domapi.com/examples/index.cfm?s1=listgrid.htm

i'd love to use this one here cause it's much more feature complete, but
haven't had the chance to extract the necessary bits from the site.  an
email to the developer has gone unanswered for many months now.  this
particular one uses a collection of divs and spans to accomplish the
table-esque presentation along with some vbscript via behaviors for the
interactivity.  from http://stedy.com/ (couldn't find a direct link that'd
load the example in his fancy getup):
http://www.stedy.com/ieWidgets/coolUltraGrid/coolUltraGrid.htm

here's one from the guys at webfx (i didn't research the specifics, but you
can count on it being quality when it's from them):
http://webfx.eae.net/dhtml/syncscroll/syncscroll.html

and the same thing, but with edit capability and other really crude
functionality:
http://webfx.eae.net/dhtml/grid/intro.html

there's some ok info in the la-tech javascript list archive:
https://lists.latech.edu//pipermail/javascript/2002-February/003009.html

there's some talk here about an approach using two tables and a div with
overflow set to auto (like the windowsupdate example you cited):
http://www.whirlywiryweb.com/ (locked table headings)

and a behavior wrapped up in an htc straight from microsoft (though i've not
actually been able to get it to work):
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnwebteam/h
tml/webteam11042002.asp#Webteam11042002_topic2

enjoy,

.jeff

http://evolt.org/
jeff at members.evolt.org
http://members.evolt.org/jeff/