D-Graphics

Hi Everyone I'm working with the billing software BILLIT. When I'm editing the lay-out of my bills e came to this following problem. I have A line for the product description, price, amount, ... I like it when there is some structure in it so i have put a line under those cels. the problem is that the software fills the page with empty lines till the end of the page. So if there are many or few products the page is filled with lines till the end of the page. Is there some code i can use to stop creating new lines if there are no products anymore? this is my code now <table style="height: 220.859px;" width="100%"> <tbody> <tr> <td style="width: 595.276px;"><br /> &nbsp;</td> </tr> </tbody> </table> <table style="height: 102.121px;" width="100%"> <tbody> <tr> <td style="width: 70.866px;">&nbsp;</td> <td style="vertical-align:top; width: 324.567px;"><span style="font-family:verdana,geneva,sans-serif;"><span style="color:#009fe3;"><b>D-Graphics</b></span><br /> <span style="font-size:9px;">Brugse Heirweg 51<br /> 8211 Aartrijke<br /> +32 (0) 495 77 56 93<br /> BE0821.859.224<br /> www.d-graphics.pro<br /> info@d-graphics.pro<br /> IBAN: BE97 9795 9873 6949</span></span></td> <td style="text-align:left; vertical-align:top; width: 199.843px;"><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:9px;"><strong>Factuurdatum:</strong>&nbsp;$Order.OrderDate$<br /> <strong>Factuurnummer:</strong>&nbsp;$Order.OrderNumber$<br /> <strong>Klantnummer:</strong>&nbsp;$Customer.Nr$<br /> $Customer.CompanyName$<br /> $Customer.ContactFullName$<br /> $Customer.StreetAndNumber$<br /> $Customer.ZipCode$&nbsp;$Customer.City$<br /> $Customer.VAT$</span></span></td> </tr> </tbody> </table> <table style="height: auto;" width="100%"> <tbody> <tr> <td style="width: 595.276px;">&nbsp;</td> </tr> </tbody> </table> <table style="height: 17.48px;" width="100%"> <tbody> <tr> <td style="width: 50%; text-align: center;"> <table border="0" cellpadding="20" cellspacing="0" style="width: 100%;"> <tbody style="background-color: #c0e9fd;"> <tr> <td style="text-align: center;"><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:10px;"><strong>Indien u betaald voor $Order.FinancialReductionDate$ Dan geniet u een financi&euml;le korting. Het te betalen bedrag is dan<br /> $Order.TotalInclWithFReduction$</strong></span></span></td> </tr> </tbody> </table> </td> <td style="text-align: center; width: 50%;"><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:9px;"><b>Gelieve deze factuur te betalen voor $Order.ExpiryDate$, met volgende gestructureerde mededeling: $Order.OGM$</b></span></span></td> </tr> </tbody> </table> <table cellspacing="0" style="height: 14.173px;" width="100%"> <tbody> <tr> <td class="none" style="width: 32.135px;">&nbsp;</td> <td class="none" style="width: 263px;">&nbsp;</td> <td class="none" style="width: 165px;">&nbsp;</td> <td class="none" style="width: 241px;">&nbsp;</td> <td style="width: 32.135px;">&nbsp;</td> </tr> </tbody> </table> <table cellspacing="0" class="bottomborder" style="height: 14.173px;" width="100%"> <tbody style="background-color: deepskyblue;"> <tr> <td class="none" style="width: 32.135px;">&nbsp;</td> <td class="none" style="width: 281px;"><strong><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:9px;">TOTAAL EXCL BTW:&nbsp;</span></span></strong><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:9px;">$Order.TotalExcl$</span></span></td> <td class="none" style="width: 198px; text-align: center;"><strong><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:8px;">TOTAAL BTW (21%):&nbsp;</span></span></strong><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:9px;">$Order.TotalVAT$</span></span></td> <td class="none" style="width: 241px; text-align: right;"><strong><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:9px;">TOTAAL TE BETALEN:&nbsp;</span></span></strong><span style="font-size:11px;"><span style="font-family:verdana,geneva,sans-serif;"><strong>$Order.TotalIncl$</strong></span></span></td> <td style="width: 32.135px;">&nbsp;</td> </tr> </tbody> </table> &nbsp; <table cellspacing="0" style="height: 14.173px;" width="100%"> <tbody> <tr> <td class="none" style="width: 32.135px;">&nbsp;</td> <td class="none" style="width: 263px;">&nbsp;</td> <td class="none" style="width: 165px;">&nbsp;</td> <td class="none" style="width: 241px;">&nbsp;</td> <td style="width: 32.135px;">&nbsp;</td> </tr> </tbody> </table> <table cellspacing="0" class="bottomborder" style="height: 14.173px;" width="100%"> <tbody> <tr> <td class="none" style="width: 32.135px;">&nbsp;</td> <td class="none" style="width: 191.235px;"><strong><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:9px;">OMSCHRIJVING</span></span></strong></td> <td class="none" style="width: 101.14px;"><strong><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:9px;">PRIJS&nbsp;</span><span style="font-size:8px;">(EXCL BTW)</span></span></strong></td> <td class="none" style="width: 78.576px;"><strong><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:9px;">KORTING</span></span></strong></td> <td class="none" style="width: 54.425px;"><strong><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:9px;">AANTAL</span></span></strong></td> <td class="none" style="width: 167.764px; text-align: center;"><strong><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:9px;">TOTAAL</span><span style="font-size:8px;">(EXCL BTW)</span></span></strong></td> <td style="width: 32.135px;">&nbsp;</td> </tr> </tbody> </table> <table cellspacing="0" style="height: auto;" width="100%"> <tbody> <tr> <td class="none" style="width: 32.135px;">&nbsp;</td> <td class="bottomborder" style="width: 191.235px; "><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:9px;">$Line.Description$</span></span></td> <td class="bottomborder" style="width: 101.14px; "><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:9px;">$Line.AmountExcl$</span></span></td> <td class="bottomborder" style="width: 78.576px; "><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:9px;">$Line.ReductionPerc$</span></span></td> <td class="bottomborder" style="width: 54.425px; "><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:9px;">$Line.Quantity$</span></span></td> <td class="bottomborder" style="width: 167.764px; text-align: center;"><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:9px;">$Line.TotalExcl$</span></span></td> <td style="width: 32.135px;">&nbsp;</td> </tr> </tbody> </table> next tho this i have this also in the software .border td { padding: 3px 5px; } .cellborders td { border: 1px solid black; } /* !important is necessary to show the lines in editor(otherwise they are overridden by the dotted borders to visualize table cells) */ .border { border: 1px solid black !important; } .bottomborder { border-bottom: 1px solid deepskyblue !important; } .bottomright { border-right: 1px solid black !important; } .bottomtop { border-top: 1px solid deepskyblue !important; } .bottomleft { border-left: 1px solid black !important; } .bottomrightborder { border-bottom: 1px solid black !important; border-right: 1px solid black !important; } .celkleur { background-color: deepskyblue; } td{ line-height:18px; font-size: 12px; } body{ line-height:18px; font-size: 12px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } table, tr, td, th, tbody, thead, tfoot { page-break-inside: auto; } .allowpagebreak{ page-break-inside: initial !important; } tr{page-break-inside: avoid !important;} the software that billit uses tho generate the lay-out is: CKEditor 4.12.1 (revision 64749bb245) Factuur_202000017_CarbonezStijn-7.pdf Factuur_202000017_CarbonezStijn-6.pdf