[nflug] Off Topic - Freezing HTML Table Column

Mark Musone mmusone at shatterit.com
Wed Aug 16 13:30:14 EDT 2006


I know, but you may just want to see the general structure and html code in
how they make the top rows stay put..

-Mark



-----Original Message-----
From: nflug-bounces at nflug.org [mailto:nflug-bounces at nflug.org] On Behalf Of
Justin Bennett
Sent: Wednesday, August 16, 2006 1:27 PM
To: nflug at nflug.org
Subject: Re: [nflug] Off Topic - Freezing HTML Table Column

I don't need something that featured. :)

Mark Musone wrote:
> You may want to see how Google Spreadsheets does it..
> I think that's what you are looking for..
>
> -Mark
>
>
> -----Original Message-----
> From: nflug-bounces at nflug.org [mailto:nflug-bounces at nflug.org] On Behalf
Of
> Justin Bennett
> Sent: Wednesday, August 16, 2006 12:54 PM
> To: nflug at nflug.org
> Subject: Re: [nflug] Off Topic - Freezing HTML Table Column
>
> I liked the Div tag approach, it was simple but I could only get the 
> scroll bar at the bottom of the table. I needed it at the bottom of the 
> browser window.
>
> I wound up having the best luck with a frameset, and using an 'onscroll' 
> event to scroll both framesets together. This gets tricky when you try 
> and make it IE and Firefox compatable, but I didn't care about IE, our 
> users run mozilla / firefox.
>
> Thanks,
>
> Justin
>
>
> joshj at linuxmail.org wrote:
>   
>> When we last left our adventurers...
>>
>>     
>>> Could you Iframe the part of the page that you want to scroll
>>>       
>> That's essentially what the div tags are for. I've been getting out of 
>> the habbit of using iframes since they are soon to become deprecated:
>>
>> http://liorean.web-graphics.com/xhtml/comparison.loose-strict.html
>>
>> But you could probably drop one in and get the same effect.
>>
>>     
>>> On 8/16/06, Justin Bennett <Justin.Bennett at dynabrade.com> wrote:
>>>       
>>>>  That looks like it might work.  I didn't want to dump it to excel,
>>>>  because there are links off the table to update info, I don't want the
>>>>  user thinking they can then update it in excel.
>>>>
>>>>  Thanks!
>>>>
>>>>  joshj at linuxmail.org wrote:
>>>>         
>>>>>  When we last left our adventurers...
>>>>>           
>>>>>>>  Sorry for the off topic post.  But I know some guys here do 
>>>>>>>               
>>>> some Web
>>>>         
>>>>>>  work.
>>>>>>             
>>>>>>>>  What I'm looking for is a simple way to freeze a column on 
>>>>>>>>                 
>>>> an html
>>>>         
>>>>>>  table (or equivalent) so that when the user scrolls, that column
>>>>>>  follows. It's for proofing a large dump of data from a database 
>>>>>>             
>>>> using
>>>>         
>>>>>>  PHP.
>>>>>>             
>>>>>>>>  Basically the first column is 'Item Number' and there is 40 
>>>>>>>>                 
>>>> or so
>>>>         
>>>>>>  other columns to the right. It's in just an HTML table now, and as
>>>>>>  the user scrolls with the browsers scroll bar to see more 
>>>>>>             
>>>> columns on
>>>>         
>>>>>>  the right, the item number obviously scrolls out of sight on 
>>>>>>             
>>>> the left.
>>>>         
>>>>>>>>  I know there all all kinds of complex DHTML plugins and 
>>>>>>>>                 
>>>> things that
>>>>         
>>>>>>  can do this, I'm just looking for a simple solution.
>>>>>>  There's really no simple way to do it. The following would 
>>>>>>             
>>>> work. But
>>>>         
>>>>>  you'll probably run into formatting problems (which you could 
>>>>>           
>>>> probably
>>>>         
>>>>>  circumvent by setting the height of each individual <td>:
>>>>>           
>>>>>>      <table>
>>>>>>             
>>>>>        <tr>
>>>>>          <td valign="top">
>>>>>           
>>>>>>      <table border="1" cellspacing="1" cellpadding="5">
>>>>>>             
>>>>>        <tr>
>>>>>          <td>
>>>>>            ID
>>>>>          </td>
>>>>>        </tr>
>>>>>        <tr>
>>>>>          <td>
>>>>>            100
>>>>>          </td>
>>>>>        </tr>
>>>>>        <tr>
>>>>>          <td>
>>>>>            200
>>>>>          </td>
>>>>>        </tr>
>>>>>        <tr>
>>>>>          <td>
>>>>>            300
>>>>>          </td>
>>>>>        </tr>
>>>>>      </table>
>>>>>          </td>
>>>>>          <td valign="top">
>>>>>      <div style="width:300px;overflow:auto;">
>>>>>      <table border="1" cellspacing="1" cellpadding="5">
>>>>>        <tr>
>>>>>          <td>
>>>>>            ID
>>>>>          </td>
>>>>>        </tr>
>>>>>        <tr>
>>>>>          <td>
>>>>>           
>
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
> AAAAAAAAAAAAAAAAAAAAAAAAA 
>   
>>>>>>          </td>
>>>>>>             
>>>>>        </tr>
>>>>>        <tr>
>>>>>          <td>
>>>>>           
>
BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB
> BBBBBBBBBBBBBBBBBBBBBBBBB 
>   
>>>>>>          </td>
>>>>>>             
>>>>>        </tr>
>>>>>        <tr>
>>>>>          <td>
>>>>>           
>
CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC
> CCCCCCCCCCCCCCCCCCCCCCCCC 
>   
>>>>>>          </td>
>>>>>>             
>>>>>        </tr>
>>>>>      </table>
>>>>>      </div>
>>>>>           
>>>>>>          </td>
>>>>>>             
>>>>>        </tr>
>>>>>      </table>
>>>>>           
>>>>>>>  Off-hand, I can't think of a reasonably sane way to do this 
>>>>>>>               
>>>> in html.
>>>>         
>>>>>  If dumping it into a spreadsheet is an option then you can freeze 
>>>>>           
>>>> the
>>>>         
>>>>>  rows/cols.
>>>>>           
>>>>>>  -Josh
>>>>>>             
>>>>>>>>>  Thanks
>>>>>>>>>                   
>>>>>>  Justin
>>>>>>             
>>>>>>>>> _______________________________________________
>>>>>>>>>                   
>>>>>  nflug mailing list
>>>>>  nflug at nflug.org
>>>>>  http://www.nflug.org/mailman/listinfo/nflug
>>>>>           
>>>>  _______________________________________________
>>>>  nflug mailing list
>>>>  nflug at nflug.org
>>>>  http://www.nflug.org/mailman/listinfo/nflug
>>>>
>>>>
>>>>
>>>>
>>>>         
>> _______________________________________________
>> nflug mailing list
>> nflug at nflug.org
>> http://www.nflug.org/mailman/listinfo/nflug
>>     
>
> _______________________________________________
> nflug mailing list
> nflug at nflug.org
> http://www.nflug.org/mailman/listinfo/nflug
>   

_______________________________________________
nflug mailing list
nflug at nflug.org
http://www.nflug.org/mailman/listinfo/nflug



More information about the nflug mailing list