Test case for TBODY/THEAD/TFOOT with overflow
I happenned across this test page while looking into scrollable table implementations: HTML Test Suite for UAAG 1.0 (Draft). I demonstrates how it ought to be done: you assign overflow: auto and a fixed height to the table's tbody, and you're done. Sigh.. if only it was that easy. The test does work in my Firefox 1.0.3, but then there's the horizontal scrollbar. If you add in a 16px scrollbar, you just hid 16px therefore a horizontal scrollbar is necessary to scroll over to see it. Makes perfect sense but its maddenning, because as of this writing I'm unable to remove the need for it. There are other ways to get there of course, but it want this one to work! For the record, border-collapse: collapse throws a spanner in the works in mozilla + cousins. Here's that illustrated: 1, 2.
1 Comments:
Note that the second example does not work in Firefox 1.5: no scroll bar.
I have now been searching the web for a few hours, reading various interesting things, but still have not found the solution to this. The scolling body only works if the width of the table fits in the window. If you also need to scroll horizontally, the headers don't scroll with the body as they should.
Maybe there is a solution, but I suspect that no current browser supports a good handling of (scrolling) tables. Too bad...
<< Home