Hi Mark,

You would think what you're asking for is simple, but it's not. There might be 
a better method than my example, but I was hard pressed to find one. 

Is this what you're looking for?

http://www.xmlx.net/stuff/table.htm

My example is just a static HTML page, but obviously under normal conditions it 
is dynamically generated. You shouldn't have any problems making Witango output 
what you need. 

View the page source to see how it's done, and yes to make it work requires 
JavaScript (without frames). I've tried other methods in the past, but this one 
provides the best user experience so far (if I say so myself). 

This is a stripped down version obviously, but basically it is an HTML table 
datagrid that scrolls up/down and left/right while keeping the headers aligned 
with their columns. 

It is fully cross-browser MSIE, Firefox, Opera, Konqueror and Safari (Windows, 
Linux and Mac). 

The JavaScript dynamically resizes the layout to fill the page (so the 
scrollbars are available for the data only), and then resizes the header and 
data cells to line up vertically (depending on which is wider, so all content 
is visible). 

The header is a separate table from the data table, and the DIV tags inside the 
header row cells and the first row cells of the data table are required. It's 
the only way to resize the table columns (cross-browser) by resizing the 
content of the table cells. 

And in case you're curious, I built this from scratch. 

I keep meaning to write an article about how it all works in detail, but 
there's just never enough time in a year.

Hope this helps.

Scott Cadillac
http://www.xmlx.net/


On Wed, September 12, 2007 4:48 pm, David Mark Weiss <[EMAIL PROTECTED]> said: 

> I have been asked to create a page for a client, a simple page, where 
> the top of the page includes a header image and column headings and 
> the bottom of the page includes the rows a columns of information, so 
> that the customer can browse the rows of information and the header 
> titles remain in place. Just like in Excel when you set the row and 
> column controls so that they don't change while you work with the 
> rest of the page.
> 
> I tried this with Frames but when I resize the browser, it also 
> resized the top frame, which I don't want. I have used the 
> noresize="noresize" tag, but no joy. I have set up the frames in 
> absolute terms, not percentages, and not "*" .
> 
> So I am stumped. I expect this is a very trivial and easy thing, but 
> I am not getting it.
> 
> If there is a way to do this in CSS and somehow overflow controls 
> come into play, I will slug through that.
> 
> Any help would be appreciated.
> 
> 
> 
> Mark Weiss
> http://trustthechildren.blogspot.com
> 
> ________________________________________________________________________ 
> TO UNSUBSCRIBE: Go to http://www.witango.com/developer/maillist.taf 
> 
> 
________________________________________________________________________
TO UNSUBSCRIBE: Go to http://www.witango.com/developer/maillist.taf

Reply via email to