Hi All,

I have created vf page which will be rendered as pdf..
I am getting problem in handling table Rows, How to split table as table moves to next page.
I tried with many stye/css but couldnt solve the issue.. Please help

<apex:page standardController="Client_Invoice__c" extensions="arcinvoicepdf" sidebar="false"  cache="false" readOnly="true" renderAs="pdf" docType="html-5.0">


<apex:form >
<apex:pageBlock >

<apex:dataTable value="{!Client_Invoice__c.Attendance_Record__r}" var="a" border="1" cellpadding="5"  styleClass="table" width="15.92cm" style="text-align:center; line-height: 11pt; font-size:11pt; border-spacing: 0;" columns="3">

      <apex:column >
      
        <apex:facet name="header">Name</apex:facet> 
        <apex:outputText >{!a.Client_Attendance_Record__r.Contact__r.name}</apex:outputText> 
            
      </apex:column>
      
      
      <apex:column >
      
        <apex:facet name="header">Description </apex:facet> 
        <apex:outputText >{!a.Description__c }</apex:outputText>
        
      </apex:column>
      
      <apex:column >
      
        <apex:facet name="header">Cost </apex:facet>
        <apex:outputText >{!a.Cost__c}</apex:outputText>
      </apex:column> 

</apex:dataTable>

</apex:pageBlock>
</apex:form>
</apex:page>

from image..once table extends to 2nd page , the last border is breaking..Please help me to manage this table wthout breaking border line..

Hi All,

I have created vf page which will be rendered as pdf..
I am getting problem in handling table Rows, How to split table as table moves to next page.
I tried with many stye/css but couldnt solve the issue.. Please help

<apex:page standardController="Client_Invoice__c" extensions="arcinvoicepdf" sidebar="false"  cache="false" readOnly="true" renderAs="pdf" docType="html-5.0">


<apex:form >
<apex:pageBlock >

<apex:dataTable value="{!Client_Invoice__c.Attendance_Record__r}" var="a" border="1" cellpadding="5"  styleClass="table" width="15.92cm" style="text-align:center; line-height: 11pt; font-size:11pt; border-spacing: 0;" columns="3">

      <apex:column >
      
        <apex:facet name="header">Name</apex:facet> 
        <apex:outputText >{!a.Client_Attendance_Record__r.Contact__r.name}</apex:outputText> 
            
      </apex:column>
      
      
      <apex:column >
      
        <apex:facet name="header">Description </apex:facet> 
        <apex:outputText >{!a.Description__c }</apex:outputText>
        
      </apex:column>
      
      <apex:column >
      
        <apex:facet name="header">Cost </apex:facet>
        <apex:outputText >{!a.Cost__c}</apex:outputText>
      </apex:column> 

</apex:dataTable>

</apex:pageBlock>
</apex:form>
</apex:page>

from image..once table extends to 2nd page , the last border is breaking..Please help me to manage this table wthout breaking border line..