This wasn't initiated by me, but hey, good job. Thank you!

Scott Cadillac wrote:
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


  
________________________________________________________________________
TO UNSUBSCRIBE: Go to http://www.witango.com/developer/maillist.taf

Reply via email to