<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD><META http-equiv=Content-Type content="text/html; charset=utf-8"><META content="INBOX.COM" name=GENERATOR></HEAD>
<BODY>
<DIV>Or you could put it in a &lt;div&gt;&lt;/div&gt; tag,&nbsp;set the tag's positioning to absolute,&nbsp;and use the window object's onscroll event in combination with the style.posTop and style.posLeft attributes.&nbsp; This way it would just "float" on top the other stuff as it scrolls underneath.<BR></DIV>
<DIV>This assumes a IE6+ DOM - for Opera/Firefoxx, YMMV.</DIV>
<DIV>&nbsp;</DIV>
<DIV>Kyle</DIV>
<DIV>&nbsp;</DIV>
<BLOCKQUOTE style="PADDING-LEFT: 5px; MARGIN-LEFT: 5px; BORDER-LEFT: #0000ff 2px solid; MARGIN-RIGHT: 0px">
<DIV class=msgHeaders>-----Original Message-----<BR><B>From:</B> adam.cadpro@gmail.com<BR><B>Sent:</B> Wed, 16 Aug 2006 11:32:01 -0400<BR><B>To:</B> nflug@nflug.org<BR><B>Subject:</B> Re: [nflug] Off Topic - Freezing HTML Table Column<BR><BR></DIV>
<DIV class=oldBody>
<DIV>Could you Iframe the part of the page that you want to scroll<BR><BR>
<DIV><SPAN _class="gmail_quote">On 8/16/06, <B _class="gmail_sendername">Justin Bennett</B> &lt;<A href="mailto:Justin.Bennett@dynabrade.com">Justin.Bennett@dynabrade.com </A>&gt; wrote:</SPAN>
<BLOCKQUOTE _class="gmail_quote" _style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">That looks like it might work.&nbsp;&nbsp;I didn't want to dump it to excel,<BR>because there are links off the table to update info, I don't want the<BR>user thinking they can then update it in excel.<BR><BR>Thanks!<BR><BR><A href="mailto:joshj@linuxmail.org">joshj@linuxmail.org</A> wrote:<BR>&gt; When we last left our adventurers... <BR>&gt;<BR>&gt;&gt; Sorry for the off topic post.&nbsp;&nbsp;But I know some guys here do some Web<BR>&gt;&gt; work.<BR>&gt;&gt;<BR>&gt;&gt; What I'm looking for is a simple way to freeze a column on an html<BR>&gt;&gt; table (or equivalent) so that when the user scrolls, that column <BR>&gt;&gt; follows. It's for proofing a large dump of data from a database using<BR>&gt;&gt; PHP.<BR>&gt;&gt;<BR>&gt;&gt; Basically the first column is 'Item Number' and there is 40 or so<BR>&gt;&gt; other columns to the right. It's in just an HTML table now, and as <BR>&gt;&gt; the user scrolls with the browsers scroll bar to see more columns on<BR>&gt;&gt; the right, the item number obviously scrolls out of sight on the left.<BR>&gt;&gt;<BR>&gt;&gt; I know there all all kinds of complex DHTML plugins and things that <BR>&gt;&gt; can do this, I'm just looking for a simple solution.<BR>&gt;<BR>&gt; There's really no simple way to do it. The following would work. But<BR>&gt; you'll probably run into formatting problems (which you could probably <BR>&gt; circumvent by setting the height of each individual &lt;td&gt;:<BR>&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp; &lt;table&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td valign="top"&gt;<BR>&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp; &lt;table border="1" cellspacing="1" cellpadding="5"&gt; <BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ID<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 100<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt; <BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 200<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 300 <BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/table&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td valign="top"&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div style="width:300px;overflow:auto;"&gt; <BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp; &lt;table border="1" cellspacing="1" cellpadding="5"&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ID<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt; <BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;<BR>&gt;<BR>&gt; AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA<BR>&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt; <BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;<BR>&gt;<BR>&gt; BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB<BR>&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt; <BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;<BR>&gt;<BR>&gt; CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC<BR>&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt; <BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/table&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<BR>&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;<BR>&gt;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/table&gt;<BR>&gt;<BR>&gt;<BR>&gt; Off-hand, I can't think of a reasonably sane way to do this in html. <BR>&gt; If dumping it into a spreadsheet is an option then you can freeze the<BR>&gt; rows/cols.<BR>&gt;<BR>&gt; -Josh<BR>&gt;<BR>&gt;&gt;<BR>&gt;&gt; Thanks<BR>&gt;&gt; Justin<BR>&gt;&gt;<BR>&gt;&gt;<BR>&gt; _______________________________________________ <BR>&gt; nflug mailing list<BR>&gt; <A href="mailto:nflug@nflug.org">nflug@nflug.org</A><BR>&gt; <A href="http://www.nflug.org/mailman/listinfo/nflug">http://www.nflug.org/mailman/listinfo/nflug</A><BR><BR><BR>_______________________________________________ <BR>nflug mailing list<BR><A href="mailto:nflug@nflug.org">nflug@nflug.org</A><BR><A href="http://www.nflug.org/mailman/listinfo/nflug">http://www.nflug.org/mailman/listinfo/nflug</A><BR><BR><BR><BR></BLOCKQUOTE></DIV><BR></DIV></DIV></BLOCKQUOTE><hr size="1px" noshade style="clear:both;margin-top:10px;height:1px;">
<div style="font:12px Verdana,sans-serif;color:Black;background:white;padding:3px;line-height:1.3em">
<span style="font-weight:bold;">Free Online Photosharing</span> - Share your photos online with your friends and family!<br>
Visit <a href="http://www.inbox.com/photosharing">http://www.inbox.com/photosharing</a> to find out more!</div>
</BODY>
</HTML>