+ Start a Discussion
shan876shan876 

Create a Table in VF????

Hi I place the following code in a VF page and the pdf borders break on the bottom due to this table.. So I was wondering if anyone knew how to go about and create a nice table in VF???using VF tags??

 

<table border="1" cellpadding="0" cellspacing="0" width="100%"> <tr> <th align="center" bgcolor="#c0c0c0"><apex:outputText value="Item #"/></th> <th align="center" bgcolor="#c0c0c0"><apex:outputText value="SKU"/></th> <th align="center" bgcolor="#c0c0c0"><apex:outputText value="Description"/></th> <th align="center" bgcolor="#c0c0c0"><apex:outputText value="Qty"/></th> <th align="center" bgcolor="#c0c0c0"><apex:outputText value="Unit Price"/></th> <th align="center" bgcolor="#c0c0c0"><apex:outputText value="Extended Price"/></th> <th align="center" bgcolor="#c0c0c0"><apex:outputText value="Discount %"/></th> <th align="center" bgcolor="#c0c0c0"><apex:outputText value="Extended Net Price"/></th> </tr> <apex:repeat value="{!SFDC_520_Quote__c.quote_lines__r}" var="line"> <tr> <td><apex:outputText value="{!line.name}"/></td> <td><apex:outputText value="{!line.Product2__r.ProductCode}"/></td> <td width="35%"><apex:outputText value="{!line.Product2__r.Name}"/></td> <td align="center"><apex:outputField value="{!line.Qty_Ordered__c}"/></td> <td width="20%"><apex:outputField value="{!line.Unit_Price__c}"/></td> <td width="20%"><apex:outputField value="{!line.Ext_Price__c}"/></td> <td width="5%" align="center"><apex:outputField value="{!line.Sales_Discount__c}"/></td> <td width="20%"><apex:outputField value="{!line.Ext_Net_Price__c}"/></td> </tr> </apex:repeat> </table>

 


 

aalbertaalbert
You can try to use <apex:dataTable>. Link