W3C home > Mailing lists > Public > www-html@w3.org > June 1998

Re: Table Scrolling

From: Daniel Brooks <sfkrsve2@scfn.thpl.lib.fl.us>
Date: Thu, 25 Jun 1998 14:58:53 -0400 (EDT)
To: Lakshmi Raj <lakshmi@replicon.com>
cc: "www-html@w3.org" <www-html@w3.org>
Message-ID: <Pine.SUN.3.95.980625145425.24357A-100000@scfn>
On Thu, 25 Jun 1998, Lakshmi Raj wrote:

:)Daniel Brooks wrote:
:)> 
:)> On Wed, 24 Jun 1998, Lakshmi Raj wrote:
:)> 
:)> :)Stephanos Piperoglou wrote:
:)> :)>
:)> :)> On Wed, 24 Jun 1998, Lakshmi Raj wrote:
:)> :)>
:)> :)> > I know that this cannot be done with HTML 4.0, but is there a way to do
:)> :)> > this in HTML 5.0?
:)> :)>
:)> :)> Well, if anyone cared to actually recognize TFOOT, THEAD and TBODY it
:)> :)> is. Set your TBODY to a fixed size and scrolling overflow and you're
:)> :)> done. IE4 recognizes these elements according to its documentation, but
:)> :)> I have a feeling this wouldn't work. Haven't checked it out in IE5 yet.
:)> :)
:)> :)When I started experimenting with table scrolling I thought that the
:)> :)TBODY tag with overflow property will fix the problem. Unfortunately,
:)> :)IE4 does not support the CSS overflow property in TBODY even though it
:)> :)is a block level element. DIV and SPAN tags are the only tags that
:)> :)support the overflow property in IE4.
:)> :)
:)> :)Even if this problem is fixed in IE5, my problem (see figure below) of
:)> :)being able to scroll all the columns horizontally except the first one
:)> :)cannot be solved unless the overflow property is supported in COLGROUP
:)> :)tag.
:)> :)
:)> :)My problem:
:)> :)            |---------------------|
:)> :)            |      Heading1       |
:)> :) |----------|----|----|-----|-----|---------|
:)> :) |          |    |    |     |     |         |
:)> :) |          |    |    |     |     |Vertical |
:)> :) | Heading2 |    |    |     |     |Scroll   |---> Fixed this with 
:)> :) |          |    |    |     |     |Bar      |     DIV tag and 
:)> :) |          |    |    |     |     |         |     overflow:scroll
:)> :) |----------|---------------------|---------|     property.
:)> :)            |Horizontal Scroll Bar| ------------> Need help here.
:)> :)            -----------------------
:)> :)
:)> :)Any suggestions on how I can fix the horizontal scrolling are welcome.
:)> :)Thanks..
:)> :)Lakshmi.
:)> 
:)> I don't know much about CSS, but it seems like you could split the table
:)> into just the first column and then all the rest, then try to use CSS to
:)> specify the position of the two tables. If you could specify the location
:)> relative to the corner of the browser window for the first one, then the
:)> second relitave to the paragraph above, it should work. Problem is that I
:)> don't know if you can specify location relative to the window, but it is
:)> worth a try.
:)> 
:)> The only other problem I could think of is that the second table would be
:)> visible behind the first, but the you could just specify a background
:)> color (probably that matches the rest of the doc) for the cells.
:)> 
:)> You could always put the first column in a seperate frame, but that would
:)> be an ugly solution.
:)> 
:)
:)Your solution will fix the horizontal scrolling problem but will cause
:)problems with the vertical scrolling. Let me explain, when the user is
:)finished with horizontal scrolling and goes to vertical scroll, I have
:)to remember the columns visible at that point and incorporate only those
:)columns during vertical scrolling. When the user goes from vertical
:)scrolling to horizontal scrolling I have to do the opposite. This can
:)get quite messy for something as simple as scrolling. That is why, I am
:)proposing that the COLGROUP tag support overflow property.

Hmmm... Didn't think about the vertical scrolling. Not many ways around
that. That would be a problem. Maybe if you split the table, but the two
parts in frames, and used Java (or Javascript, which ever is easier) to
read the value of one scroll bar and when it changes, move the scroll bar
in the other frame.

Or you could just split the table into more manageble chunks.

TTYL,
Daniel Brooks

PS: whats the URL?
-------------------------------------------------------------------------
        __  Daniel Brooks - d-brooks@usa.net, dbrooks@geocities.com
       / /\  http://www.geocities.com/SiliconValley/Vista/2083/
      / /  \
     / / /\ \  HANDLE WITH EXTREME CARE: This Product Contains Minute
    / / /\ \ \  Electrically Charged Particles Moving at Velocities in
   / / /  \ \ \  Excess of Five Hundred Million Miles Per Hour.
  / /_/____\ \ \
 /__________\ \ \  "We're very sorry, Mister Schrodinger,
 \_____________\/   but the cat refuses to go in the box."
Received on Thursday, 25 June 1998 15:06:16 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Tuesday, 27 March 2012 18:15:37 GMT