Hi,

I have a table content that can be more than one screen/page. To see the bottom 
rows/lines of the table, I have to scroll it up. While doing this, I am loosing the 
view of table header.

Is there any way, I can freeze the header of the table and let the content scroll?

Below is my existing code:

<table width="100%">
           <tr>
                 <td align="left" colspan="2" valign="top" nowrap>
             <div id="trans" align="left">
                  <p>                
                        <center>
                        <display:table height="50px" width="100%" name="transactions" 
scope="session" decorator="com.boa.mad.ice.wrapper.TransactionWrapper">
                        <display:column property="radio" title=""/>
                        <display:column property="transactionCode" title="Tran Code" 
align="left" sort="true" width="10%"/>
                        <display:column property="datePosted" title="Date Posted" 
align="left" sort="true" width="15%"/>
                        <display:column property="transactionDateString" title="Trans 
Date" align="left" sort="true" width="15%"/>
                        <display:column property="roundedTransactionAmount" 
title="Amount" align="right" sort="true"/>
                        <display:column property="refLink" title="Reference Number" 
align="center"/>
                        <display:column property="merchantName" title="Merchant Name" 
align="left" sort="true" width="15%"/>
                        <display:column property="merchantCity" title="City" 
align="left" sort="true"/>
                        <display:column property="merchantState" title="State" 
sort="true"/>
                        
                        <display:setProperty name="basic.msg.empty_list" 
value="<%=displayMsg.toString()%>" />
                        <display:setProperty name="sort.behavior" value="list" />  
                                                                                       
                                 
                        </display:table>
                        </center>       
                        <html:hidden property="txnIndex"/>
                        <html:hidden property="disputedTxnFound"/>                     
 
                        
          </div>
                  </td> 
            </tr>
        </table> 

now if the div #trans has below stylesheet, it does give me scroll bar, but it scrolls 
along with header. 

#trans
{
  position: relative; 
  height: 300px; 
  width: 100%;
  overflow:scroll;
  border-color: green;
  border-style: solid;
  border-width: 2px;

}


Thanks
Jasmin





-------------------------------------------------------
This SF.Net email sponsored by: Free pre-built ASP.NET sites including
Data Reports, E-commerce, Portals, and Forums are available now.
Download today and enter to win an XBOX or Visual Studio .NET.
http://aspnet.click-url.com/go/psa00100003ave/direct;at.aspnet_072303_01/01
_______________________________________________
displaytag-user mailing list
[EMAIL PROTECTED]
https://lists.sourceforge.net/lists/listinfo/displaytag-user

Reply via email to