issue with table extending on multiple pages when rendered as visualforce pdf

When I am displaying a large table in a vf page rendered as pdf

The table is creating additional bottom border on each page whenever break of table is occuring

setting stype "border-colapse:seperate" is avoiding it but I cannot use it as its creating think and thin borders when using multiple rows and coloums

Any one help on this please or suggestions

<apex:page renderAs="pdf" applyHtmlTag="false" applyBodyTag="false" showHeader="false" standardStylesheets="false">

<head>
<style>
@page {
margin-left: 0px;
margin-right: 0px;
margin-bottom: 3cm;
margin-top: 3cm;
size: 8.27in 11.69in;
@bottom-center {
content: counter(page);
}
}

table.gridtable{
page-break-after:always;
page-break-inside:avoid;
display:block;

}

table.pagebreak{
page-break-inside:avoid;

}



table.gridtable td {
border-width: 1px;
border-style: solid;
border-color: #C2C2C2;
border-collapse: collapse;
}
table.gridtable tr td:first-child {
border-left: 0;
background-color: #E5E5E5;
}



</style>
</head>

<div style="margin-left:0.9in;margin-right:0.9in;margin-bottom:1.5in;">

<table style="border-collapse: collapse;" Class = "gridtable" cellspacing="0" cellpadding="0">
<tbody >
<tr >
<td style="width: 88.45pt; padding-right: 5.4pt; padding-left: 5.4pt; vertical-align: top;background-color: #E5E5E5" colspan="2">
TEST HEAD</td>

<td style="width: 346.65pt; padding-right: 2.4pt; padding-left: 2.4pt; vertical-align: top;" colspan="2">
TEST DATA
</td>
</tr>
<tr >
<td style="width: 88.45pt; padding-right: 5.4pt; padding-left: 5.4pt; vertical-align: top;background-color: #E5E5E5" colspan="2">
TEST HEAD</td>

<td style="width: 346.65pt; padding-right: 2.4pt; padding-left: 2.4pt; vertical-align: top;" colspan="2">
TEST DATA
</td>
</tr>
<tr >
<td style="width: 88.45pt; padding-right: 5.4pt; padding-left: 5.4pt; vertical-align: top;background-color: #E5E5E5" colspan="2">
TEST HEAD</td>

<td style="width: 346.65pt; padding-right: 2.4pt; padding-left: 2.4pt; vertical-align: top;" colspan="2">
TEST DATA
</td>
</tr>
<tr >
<td style="width: 88.45pt; padding-right: 5.4pt; padding-left: 5.4pt; vertical-align: top;background-color: #E5E5E5" colspan="2">
TEST HEAD</td>

<td style="width: 346.65pt; padding-right: 2.4pt; padding-left: 2.4pt; vertical-align: top;" colspan="2">
TEST DATA
</td>
</tr>
<tr >
<td style="width: 88.45pt; padding-right: 5.4pt; padding-left: 5.4pt; vertical-align: top;background-color: #E5E5E5" colspan="2">
TEST HEAD</td>

<td style="width: 346.65pt; padding-right: 2.4pt; padding-left: 2.4pt; vertical-align: top;" colspan="2">
TEST DATA
</td>
</tr><tr >
<td style="width: 88.45pt; padding-right: 5.4pt; padding-left: 5.4pt; vertical-align: top;background-color: #E5E5E5" colspan="2">
TEST HEAD</td>

<td style="width: 346.65pt; padding-right: 2.4pt; padding-left: 2.4pt; vertical-align: top;" colspan="2">
TEST DATA
</td>
</tr>
<tr >
<td style="width: 88.45pt; padding-right: 5.4pt; padding-left: 5.4pt; vertical-align: top;background-color: #E5E5E5" colspan="2">
TEST HEAD</td>

<td style="width: 346.65pt; padding-right: 2.4pt; padding-left: 2.4pt; vertical-align: top;" colspan="2">
TEST DATA
</td>
</tr>
<tr >
<td style="width: 88.45pt; padding-right: 5.4pt; padding-left: 5.4pt; vertical-align: top;background-color: #E5E5E5" colspan="2">
TEST HEAD</td>

<td style="width: 346.65pt; padding-right: 2.4pt; padding-left: 2.4pt; vertical-align: top;" colspan="2">
TEST DATA
</td>
</tr>
<tr >
<td style="width: 88.45pt; padding-right: 5.4pt; padding-left: 5.4pt; vertical-align: top;background-color: #E5E5E5" colspan="2">
TEST HEAD</td>

<td style="width: 346.65pt; padding-right: 2.4pt; padding-left: 2.4pt; vertical-align: top;" colspan="2">
TEST DATA
</td>
</tr><tr >
<td style="width: 88.45pt; padding-right: 5.4pt; padding-left: 5.4pt; vertical-align: top;background-color: #E5E5E5" colspan="2">
TEST HEAD</td>

<td style="width: 346.65pt; padding-right: 2.4pt; padding-left: 2.4pt; vertical-align: top;" colspan="2">
TEST DATA
</td>
</tr><tr >
<td style="width: 88.45pt; padding-right: 5.4pt; padding-left: 5.4pt; vertical-align: top;background-color: #E5E5E5" colspan="2">
TEST HEAD</td>

<td style="width: 346.65pt; padding-right: 2.4pt; padding-left: 2.4pt; vertical-align: top;" colspan="2">
TEST DATA
</td>
</tr><tr >
<td style="width: 88.45pt; padding-right: 5.4pt; padding-left: 5.4pt; vertical-align: top;background-color: #E5E5E5" colspan="2">
TEST HEAD</td>

<td style="width: 346.65pt; padding-right: 2.4pt; padding-left: 2.4pt; vertical-align: top;" colspan="2">
TEST DATA
</td>
</tr><tr >
<td style="width: 88.45pt; padding-right: 5.4pt; padding-left: 5.4pt; vertical-align: top;background-color: #E5E5E5" colspan="2">
TEST HEAD</td>

<td style="width: 346.65pt; padding-right: 2.4pt; padding-left: 2.4pt; vertical-align: top;" colspan="2">
TEST DATA
</td>
</tr><tr >
<td style="width: 88.45pt; padding-right: 5.4pt; padding-left: 5.4pt; vertical-align: top;background-color: #E5E5E5" colspan="2">
TEST HEAD</td>

<td style="width: 346.65pt; padding-right: 2.4pt; padding-left: 2.4pt; vertical-align: top;" colspan="2">
TEST DATA
</td>
</tr><tr >
<td style="width: 88.45pt; padding-right: 5.4pt; padding-left: 5.4pt; vertical-align: top;background-color: #E5E5E5" colspan="2">
TEST HEAD</td>

<td style="width: 346.65pt; padding-right: 2.4pt; padding-left: 2.4pt; vertical-align: top;" colspan="2">
TEST DATA
</td>
</tr><tr >
<td style="width: 88.45pt; padding-right: 5.4pt; padding-left: 5.4pt; vertical-align: top;background-color: #E5E5E5" colspan="2">
TEST HEAD</td>

<td style="width: 346.65pt; padding-right: 2.4pt; padding-left: 2.4pt; vertical-align: top;" colspan="2">
TEST DATA
</td>
</tr><tr >
<td style="width: 88.45pt; padding-right: 5.4pt; padding-left: 5.4pt; vertical-align: top;background-color: #E5E5E5" colspan="2">
TEST HEAD</td>

<td style="width: 346.65pt; padding-right: 2.4pt; padding-left: 2.4pt; vertical-align: top;" colspan="2">
TEST DATA
</td>
</tr>
</tbody>
</table >



</div>
</apex:page> User-added image

July 30, 2019
·
Answer
·
Like
0
·
Follow
0

You need to sign in to do that.

Need an account? Sign Up

Have an account? Sign In

Dismiss

Browse by Topic

Welcome to Support!

Show

sorted by

issue with table extending on multiple pages when rendered as visualforce pdf

You need to sign in to do that.