+ Start a Discussion
hylim1215hylim1215 

please help construct my table in repeat section

now i have this VFP
 
<apex:repeat value="{!Quote.QuoteLineItems}" var="qli">
<tr class = "stdstyle" >
<td>{!FLOOR(count)} </td> 
<td>{!qli.Product2.Name}</td>
<td >                                
<apex:outputPanel rendered="{!IF(qli.Quote_PDS_Description__c == 'Summary Only',true,false)}">
{!qli.Product_Description__c} 
</apex:outputPanel>

<apex:outputPanel rendered="{!IF(qli.Quote_PDS_Description__c == 'Summary & Long Details',true,false)}">
<apex:OutputText value="{!qli.Product_Description__c}" rendered="{!IF(qli.Product_Description__c ==''  ,false,true)}"></apex:OutputText> 
<apex:OutputText value="{!qli.Quote_attribute_1__c}" rendered="{!IF(qli.Quote_attribute_1__c ==''  ,false,true)}"><br/><br/></apex:OutputText> 
<apex:OutputText value="{!qli.Quote_attribute_2__c}" rendered="{!IF(qli.Quote_attribute_2__c ==''  ,false,true)}"><br/> </apex:OutputText> 
<apex:OutputText value="{!qli.Quote_attribute_3__c}" rendered="{!IF(qli.Quote_attribute_3__c ==''  ,false,true)}"><br/> </apex:OutputText> 
<apex:OutputText value="{!qli.Quote_attribute_4__c}" rendered="{!IF(qli.Quote_attribute_4__c ==''  ,false,true)}"><br/> </apex:OutputText> 
<apex:OutputText value="{!qli.Quote_attribute_5__c}" rendered="{!IF(qli.Quote_attribute_5__c ==''  ,false,true)}"><br/> </apex:OutputText> 
<apex:OutputText value="{!qli.Quote_attribute_6__c}" rendered="{!IF(qli.Quote_attribute_6__c ==''  ,false,true)}"><br/> </apex:OutputText> 
<apex:OutputText value="{!qli.PDS_Tag_Line__c}" rendered="{!IF(qli.PDS_Tag_Line__c ==''  ,false,true)}"> <br/><br/></apex:OutputText> 
<apex:OutputText value="{!qli.Benefit_Headline_1__c}" rendered="{!IF(qli.Benefit_Headline_1__c ==''  ,false,true)}"><br/> </apex:OutputText> 
<apex:OutputText value="{!qli.Benefit_Text_1__c}" rendered="{!IF(qli.Benefit_Text_1__c ==''  ,false,true)}"><br/> </apex:OutputText> 
<apex:OutputText value="{!qli.Benefit_Headline_2__c}" rendered="{!IF(qli.Benefit_Headline_2__c ==''  ,false,true)}"><br/> </apex:OutputText> 
<apex:OutputText value="{!qli.Benefit_Text_2__c}" rendered="{!IF(qli.Benefit_Text_2__c ==''  ,false,true)}"><br/> </apex:OutputText> 
<apex:OutputText value="{!qli.Benefit_Headline_3__c}" rendered="{!IF(qli.Benefit_Headline_3__c ==''  ,false,true)}"><br/> </apex:OutputText> 
<apex:OutputText value="{!qli.Benefit_Text_3__c}" rendered="{!IF(qli.Benefit_Text_3__c ==''  ,false,true)}"><br/> </apex:OutputText> 
<apex:OutputText value="{!qli.PDS_URL_Alias__c}" rendered="{!IF(qli.PDS_URL_Alias__c ==''  ,false,true)}"><br/> </apex:OutputText>                                    
</apex:outputPanel>
</td>
<td>{!qli.UnitPrice}</td>                                                 
<apex:variable var="count" value="{!count+ 1}"/>
</tr>
</apex:repeat>
and it render like this :-
User-added image

how do i make the description highlighted in red to strech from column 1 - column 3?

Thanks.
Best Answer chosen by hylim1215
Richard Jimenez 9Richard Jimenez 9
Hi Hylim,

Insert 2 rows between your apex:repeats and use colspan attribute in the <td> tag to span the columns in your 2nd row. You may also need to use some styling if you want to remove the border between the rows.

Thanks,
Richard.