Sometimes get a blank page with the last <tr> of a table on it
Opened this issue · 1 comments
RWAP commented
We sometimes get a repeated blank page in the middle of a document, with the last of a table on it
The PHP template we use to generate the PDF is:
<style type="text/css">
<!--
table.page_header {width: 185mm; border: none; background-color: #FFFFFF; border-bottom: solid 1px #EAEAEA; margin-left: 5mm;margin-right: 5mm; padding-top: 10mm;padding-bottom: 5mm; }
table.page_footer {width: 185mm; border: none; background-color: #FFFFFF; border-top: solid 1px #EAEAEA; margin-left: 5mm;padding-top: 2mm; }
body {font-family: 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:10pt; color: #333333;}
table {font-size:10pt;color: #333333;}
.invoiceTable td{border-style:solid;overflow:hidden;word-break:normal;font-size:14px;padding-top: 5mm;padding-bottom: 5mm; word-break:normal;}
.invoiceTable {border-spacing:0;}
.invoiceTable tbody {border-bottom:1px solid #333333;}
td.ellipsis {display: block;overflow: hidden;text-overflow: ellipsis;}
thead tr.border_bottom td {border-bottom:1px solid #333333;}
table.invoiceTable{table-layout: fixed;width: 185mm;font-variant-numeric: tabular-nums;
-moz-font-feature-settings: "tnum";
-webkit-font-feature-settings: "tnum";
font-feature-settings: "tnum";}
td.Name {color:#743EE7;}
a{text-decoration: none; color: #333333;}
p{font-size: 9pt;}
.invoiceTable tfoot td{padding-top: 0mm;padding-bottom: 0mm;}
-->
</style>
<?php /*?><link type="text/css" href="<?=$siteOptions['protocol']?>://www.icephorm.com/themes/development/css/icephorm.min.css" rel="stylesheet" ><?php */?>
<? $pageCount=0;
foreach ($orders as $order) {
if ($pageCount++==0) { ?>
<page backtop="28mm" backbottom="14mm" backleft="5mm" backright="0mm" pagegroup="new">
<page_header>
<table class="page_header">
<tr>
<td style="width: 100%; text-align: left;">
<img src="/var/www/html/themes/default/img/icephormLogoPrint.png" alt="icephorm" style="width: 50mm;" />
</td>
</tr>
</table>
</page_header>
<page_footer>
<table class="page_footer" >
<tr>
<td style="width:17%;color:#616161;border-bottom: 1px solid #EAEAEA;"><a href="https://www.icephorm.com">www.icephorm.com</a></td>
<td style="width:83%;text-align: right;color:#616161;"><?=_('page')?> [[page_cu]]/[[page_nb]]</td>
</tr>
</table>
</page_footer>
<? } else { ?>
<page pageset="old">
<? } ?>
<?php /*?><? if ($order['draft']) {
$invoiceTitle=_('Order Details').' '._('DRAFT ONLY');
} else {
$invoiceTitle=_('Order Details');
} ?><?php */?>
<?php /*?><? if ($order['invoiceMessage']) { ?>
<div class="boxWrap" style="padding-top:23px;padding-left:0px;">
<div class="hBox bottomAir">
<div class="c12 tableLook" style="width:280px;border:none;">
<span style="font-weight:bold;"><?=_('Message to Buyer')?></span>
<div class="clear"></div>
<label>
<span style="width:280px;"><?=$order['invoiceMessage']?></span>
</label>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
<? } ?><?php */?>
<div class="boxWrap" style="padding-top:5mm;padding-left:0px;">
<table style="padding-top:0px;padding-left:0px;">
<tr>
<td>
<table> <!--nested order details-->
<tr style="border:none;font-size:12pt;font-weight:bold;padding-left:10px;color: #333333;">
<td colspan="2">
<?=_('Order #').' '.$order['invoiceNumber']?>
</td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr style="border:none;font-size:10pt;padding-left:10px;color: #333333;">
<td style="font-weight: bold;">
<?=_('Date') ?>
</td>
<td>
<?=$order['invoiceDate']?>
</td>
</tr>
<tr style="border:none;font-size:10pt;padding-left:10px;color: #333333;">
<td style="font-weight: bold;">
<?=_('Value') ?>
</td>
<td>
<?=$order['netTotal'].' + '.$order['shipCosts'].' '._('Shipping')?>
</td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr style="border:none;font-size:10pt;padding-left:10px;color: #333333;font-weight: bold;">
<td colspan="2">
<?=$order['paymentText']?>
</td>
</tr>
</table> <!--nested order details-->
</td>
<td style="width:115px;">
</td>
<td>
<table> <!--nested buyer details-->
<tr>
<td style="padding-top:0px;width:50mm;font-weight: bold;">
<?= _("Buyer") ?>
</td>
</tr>
<tr>
<td class="Name">
<? if ($order['buyerStoreName']) {
echo $order['buyerStoreName'];
} else {
echo $order['buyername'];
}?>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td style="padding-top:0px;font-weight: bold;">
<?= _('Address') ?>
</td>
</tr>
<tr>
<td>
<?= $order['buyeraddress'] ?><br />
<?= $order['buyercity'] ?><br />
<? if ($order['buyerstate']) {
echo $order['buyerstate'].'<br />';
} ?>
<?= $order['buyerzip'] ?><br />
<?= $order['buyercountry'] ?>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td style="padding-top:0px;font-weight: bold;">
<? if ($order['buyerphone']) { ?>
<?= _('Telephone') ?>
<? } ?>
</td>
</tr>
<tr>
<td>
<? if ($order['buyerphone']) { ?>
<?= $order['buyerphone'] ?>
<? } ?>
</td>
</tr>
</table>
</td>
<td>
<table style="width:40mm;"> <!--nested seller details-->
<tr>
<td style="padding-top:0px;width:50px;font-weight: bold;">
<?= _("Seller") ?>
</td>
</tr>
<tr>
<td class="Name">
<? if ($order['sellerStoreName']) {
echo $order['sellerStoreName'];
} else {
echo $order['sellername'];
} ?>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td style="font-weight: bold;">
<?= _('Address') ?>
</td>
</tr>
<tr>
<td>
<?= $order['selleraddress'] ?><br />
<?= $order['sellercity'] ?><br />
<? if ($order['sellerstate']) {
echo $order['sellerstate'].'<br />';
} ?>
<?= $order['sellerzip'] ?><br />
<?= $order['sellercountry']?>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td style="font-weight: bold;">
<? if ($order['sellerphone']) {
echo _('Telephone');
} ?>
</td>
</tr>
<tr>
<td>
<? if ($order['sellerphone']) {
echo $order['sellerphone'];
} ?>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class="invoiceTable" style="padding-top:20mm;padding-left:12px;border-collapse: collapse;">
<thead>
<tr class="border_bottom">
<td colspan="2" style="width:70mm;font-weight:bold;text-align:left;">
<?= _('Item Details') ?>
</td>
<td style="font-weight:bold;">
<?= _('Item #') ?>
</td>
<td style="font-weight:bold;text-align:right;">
<?= _('Qty') ?>
</td>
<td style="font-weight:bold;text-align:right;">
<?= _('Unit Price') ?>
</td>
<td style="font-weight:bold;text-align:right;">
<?= _('Total') ?>
</td>
</tr>
</thead>
<tbody>
<? foreach ($order['offers'] as $line) { ?>
<tr>
<td style="width:20mm;border-bottom:0.5px solid #9E9E9E; ">
<img style="width:20mm;" src="<?=$line['imageURL']?>" alt="<?= $line['name'].' '.$line['variantName']?> " />
</td>
<td class="ellipsis" style="text-align: left;width:50mm;padding-left: 2mm;border-bottom:0.5px solid #9E9E9E;">
<?=$line['name']?>
<br />
<?=$line['subTitle']?>
<? if ($line['productCode']) { ?>
<br />
<?=_('Product Code').': '.$line['productCode']?>
<? } ?>
<?php // Print out all variants in a paragraph ?>
<?php if ($line['variants']) : ?>
<?php $temp_variantsOutput = array(); // use this to construct the variants?>
<?php // add all variant names and variants to the temp array ?>
<?php foreach ($line['variants'] as $variant) : ?>
<?php array_push($temp_variantsOutput, $variant['name'].': '.$variant['value'])?>
<?php endforeach; ?>
<?php // output variants and unset temp array ?>
<p class="variants"><?= implode(', ', $temp_variantsOutput); ?></p>
<?php unset($temp_variantsOutput, $variant); ?>
<?php endif; ?>
<?php if ($line['hsCode']) : ?>
<br />
<?=_('HS Code').': '.$line['hsCode']?>
<?php endif; ?>
</td>
<td style="margin-left:1px;margin-right:1px;padding-left:0px;padding-right:4px;text-align:left;width:20mm;border-bottom:0.5px solid #9E9E9E;">
<?=$line['id']?>
</td>
<td style="margin-right:1px;margin-left:1px;padding-left:4px;padding-right:4px;text-align:right;width:15mm;border-bottom:0.5px solid #9E9E9E;">
<?=$line['quantity']?>
</td>
<td style="margin-right:1px;margin-left:1px;padding-left:11px;padding-right:0px;text-align:right;width:24mm;border-bottom:0.5px solid #9E9E9E;">
<?=$line['unitPrice']?>
</td>
<td style="margin-right:2px;margin-left:1px;padding-left:11px;padding-right:0px;text-align:right;width:29mm;border-bottom:0.5px solid #9E9E9E;">
<?=$line['totalCost']?>
</td>
</tr>
<? } ?>
</tbody>
<?php /*?> <tfoot>
<tr>
<td colspan="4" style="margin-top:30px;">
</td>
<td style="padding-right:0px;margin-right:0px;text-align:right;color: #333333;padding-top: 5mm;padding-bottom: 2mm;font-size: 12pt">
<?=_('Subtotal')?>
</td>
<td style="margin-right:0px;margin-left:0px;padding-left:0px;padding-right:0px;text-align:right;color: #333333;padding-top: 5mm;padding-bottom: 2mm;font-size: 12pt">
<?=$order['netTotal']?>
</td>
</tr>
<tr>
<td colspan="4" style="margin-top:30px;">
</td>
<td style="padding-right:0px;margin-right:0px;text-align:right;color: #333333;padding-top: 2mm;padding-bottom: 5mm;font-size: 12pt;border-bottom:1px solid #333333;">
<?=_('Delivery')?>
</td>
<td style="margin-right:0px;margin-left:0px;padding-left:0px;padding-right:0px;text-align:right;padding-top: 2mm;padding-bottom: 5mm;font-size: 12pt;border-bottom:1px solid #333333;">
<?=$order['shipCosts']?>
</td>
</tr>
<tr>
<td colspan="4" style="margin-top:30px;">
</td>
<td style="padding-right:0px;margin-right:0px;text-align:right;color: #333333;font-size: 16pt;color: #333333;padding-top: 2mm;padding-bottom: 2mm;;">
<?=_('Total')?>
</td>
<td style="margin-right:0px;margin-left:0px;padding-left:0px;padding-right:0px;text-align:right;color: #333333;font-size: 16pt;padding-top: 2mm;padding-bottom: 2mm;">
<?=$order['TOTAL']?>
</td>
</tr>
<? if ($order['vatapplies']) { ?>
<tr>
<td colspan="6" style="margin-right:0px;padding-top:30px;padding-right:0px;text-align:right;padding-top: 2mm;padding-bottom: 2mm;font-size: 9pt;color:#9E9E9E">
<?=_('Includes VAT where applicable')?>
</td>
</tr>
<? } ?>
</tfoot><?php */?>
</table>
<table class="invoiceTable" style="padding-left:12px;border-collapse: collapse;">
<tbody>
<tr>
<td style="width:20mm;">
</td>
<td class="ellipsis" style="text-align: left;width:50mm;padding-left: 2mm;">
</td>
<td style="margin-left:1px;margin-right:1px;padding-left:0px;padding-right:4px;text-align:left;width:20mm;">
</td>
<td style="margin-right:1px;margin-left:1px;padding-left:4px;padding-right:4px;text-align:right;width:15mm;">
</td>
<td style="margin-right:1px;margin-left:1px;padding-left:11px;padding-right:0px;text-align:right;width:24mm;">
</td>
<td style="margin-right:2px;margin-left:1px;padding-left:11px;padding-right:0px;text-align:right;width:29mm;">
</td>
</tr>
</tbody>
<tfoot>
<tr style="width:100%">
<td colspan="4" style="margin-top:30px;"> </td>
<td style="padding-right:0px;margin-right:130px;text-align:right;color: #333333;padding-top: 5mm;padding-bottom: 2mm;font-size: 12pt">
<?=_('Subtotal')?>
</td>
<td style="margin-right:0px;margin-left:0px;padding-left:0px;padding-right:0px;text-align:right;color: #333333;padding-top: 5mm;padding-bottom: 2mm;font-size: 12pt">
<?=$order['netTotal']?>
</td>
</tr>
<tr>
<td colspan="4" style="margin-top:30px;">
</td>
<td style="padding-right:0px;margin-right:0px;text-align:right;color: #333333;padding-top: 2mm;padding-bottom: 5mm;font-size: 12pt;border-bottom:1px solid #333333;">
<?=_('Delivery')?>
</td>
<td style="margin-right:0px;margin-left:0px;padding-left:0px;padding-right:0px;text-align:right;padding-top: 2mm;padding-bottom: 5mm;font-size: 12pt;border-bottom:1px solid #333333;color: #333333">
<?=$order['shipCosts']?>
</td>
</tr>
<tr>
<td colspan="4" style="margin-top:30px;">
</td>
<td style="padding-right:0px;margin-right:0px;text-align:right;color: #333333;font-size: 16pt;color: #333333;padding-top: 2mm;padding-bottom: 2mm;;">
<?=_('Total')?>
</td>
<td style="margin-right:0px;margin-left:0px;padding-left:0px;padding-right:0px;text-align:right;color: #333333;font-size: 16pt;padding-top: 2mm;padding-bottom: 2mm;">
<?=$order['TOTAL']?>
</td>
</tr>
<? if ($order['vatInfo']) { ?>
<tr>
<td colspan="3" style="margin-top:30px;">
</td>
<td colspan="3" style="margin-right:0px;padding-top:30px;padding-right:0px;text-align:right;padding-top: 2mm;padding-bottom: 2mm;font-size: 9pt;color:#9E9E9E">
<?=$order['vatInfo']?>
</td>
</tr>
<? if ($order['eoriInfo']) { ?>
<tr>
<td colspan="5" style="margin-top:30px;">
<?= $order['eoriInfo'] ?>
</td>
</tr>
<? } ?>
<? } ?>
</tfoot>
</table>
</div>
</page>
<? } ?>
This ends up as 4 pages instead of 2.... (see attached images - [redacted)]
RWAP commented
Having investigated the Html2PDF code further, this appears to be an issue where the [tfoot][/tfoot] element drops to the bottom of the page - I could not figure out why though and wondered if it might be the final [td] or [br] element
The full HTML for the page being converted appears below.
<head></head><style type="text/css">table.page_header{width:185mm;border:none;background-color:#fff;border-bottom:solid 1px #eaeaea;margin-left:5mm;margin-right:5mm;padding-top:10mm;padding-bottom:5mm}table.page_footer{width:185mm;border:none;background-color:#fff;border-top:solid 1px #eaeaea;margin-left:5mm;padding-top:2mm}body{font-family:'proxima-nova','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:10pt;color:#333}table{font-size:10pt;color:#333}.invoiceTable td{border-style:solid;overflow:hidden;word-break:normal;font-size:14px;padding-top:5mm;padding-bottom:5mm;word-break:normal}.invoiceTable{border-spacing:0}.invoiceTable tbody{border-bottom:1px solid #333}td.ellipsis{display:block;overflow:hidden;text-overflow:ellipsis}thead tr.border_bottom td{border-bottom:1px solid #333}table.invoiceTable{table-layout:fixed;width:185mm;font-variant-numeric:tabular-nums;-moz-font-feature-settings:"tnum";-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum"}td.Name{color:#743ee7}a{text-decoration:none;color:#333}p{font-size:9pt}.invoiceTable tfoot td{padding-top:0;padding-bottom:0}</style>
<page backtop="28mm" backbottom="14mm" backleft="5mm" backright="0mm" pagegroup="new">
<page_header>
<table class="page_header">
<tr>
<td style="width: 100%; text-align: left;">
<img src="https://www.icephorm.com/themes/default/img/icephormLogoPrint.png" alt="icephorm" style="width: 50mm;"/>
</td>
</tr>
</table>
</page_header>
<page_footer>
<table class="page_footer">
<tr>
<td style="width:17%;color:#616161;border-bottom: 1px solid #EAEAEA;"><a href="/">www.icephorm.com</a></td>
<td style="width:83%;text-align: right;color:#616161;">page [[page_cu]]/[[page_nb]]</td>
</tr>
</table>
</page_footer>
<div class="boxWrap" style="padding-top:5mm;padding-left:0px;">
<table style="padding-top:0px;padding-left:0px;">
<tr>
<td>
<table>
<tr style="border:none;font-size:12pt;font-weight:bold;padding-left:10px;color: #333333;">
<td colspan="2">
Order # ICE-xxx-xxx-xxxx </td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr style="border:none;font-size:10pt;padding-left:10px;color: #333333;">
<td style="font-weight: bold;">
Date </td>
<td>
23 Mar 2023 </td>
</tr>
<tr style="border:none;font-size:10pt;padding-left:10px;color: #333333;">
<td style="font-weight: bold;">
Value </td>
<td>
£45.00 + £15.02 Shipping </td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr style="border:none;font-size:10pt;padding-left:10px;color: #333333;font-weight: bold;">
<td colspan="2">
Payment Received </td>
</tr>
</table>
</td>
<td style="width:115px;">
</td>
<td>
<table>
<tr>
<td style="padding-top:0px;width:50mm;font-weight: bold;">
Buyer </td>
</tr>
<tr>
<td class="Name">
BUYER NAME </td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td style="padding-top:0px;font-weight: bold;">
Address </td>
</tr>
<tr>
<td>
Address Line 1<br/>
Address Line 2<br/>
Address Line 3<br/>
Address Line 4
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td style="padding-top:0px;font-weight: bold;">
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</td>
<td>
<table style="width:40mm;">
<tr>
<td style="padding-top:0px;width:50px;font-weight: bold;">
Seller </td>
</tr>
<tr>
<td class="Name">
SELLER NAME </td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td style="font-weight: bold;">
Address </td>
</tr>
<tr>
<td>
Address Line 1<br/>
Address Line 2<br/>
Address Line 3<br/> POSTCODE<br/>
Address Line 4 </td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td style="font-weight: bold;">
Telephone </td>
</tr>
<tr>
<td>
+4400000000000 </td>
</tr>
</table>
</td>
</tr>
</table>
<table class="invoiceTable" style="padding-top:20mm;padding-left:12px;border-collapse: collapse;">
<thead>
<tr class="border_bottom">
<td colspan="2" style="width:70mm;font-weight:bold;text-align:left;">
Item Details </td>
<td style="font-weight:bold;">
Item # </td>
<td style="font-weight:bold;text-align:right;">
Qty </td>
<td style="font-weight:bold;text-align:right;">
Unit Price </td>
<td style="font-weight:bold;text-align:right;">
Total </td>
</tr>
</thead>
<tbody>
<tr>
<td style="width:20mm;border-bottom:0.5px solid #9E9E9E; ">
<img style="width:20mm;" src="https://res-2.cloudinary.com/dtf2gwjcg/image/upload/c_fill,dpr_3.0,g_auto:no_faces,h_230,q_auto,w_230/la9nzqwooycoe2ikxs2e.jpg" alt="Cosy Stay on Winter Warm Non Slip Baby Socks - 3 Pack in Cloud Grey - 0-3 years Size - 0-6 months "/>
</td>
<td class="ellipsis" style="text-align: left;width:50mm;padding-left: 2mm;border-bottom:0.5px solid #9E9E9E;">
Cosy Stay on Winter Warm Non Slip Baby Socks - 3 Pack in Cloud Grey - 0-3 years <br/>
<br/>
Product Code: C316
<p class="variants">Size: 0-6 months</p>
</td>
<td style="margin-left:1px;margin-right:1px;padding-left:0px;padding-right:4px;text-align:left;width:20mm;border-bottom:0.5px solid #9E9E9E;">
16652-59954 </td>
<td style="margin-right:1px;margin-left:1px;padding-left:4px;padding-right:4px;text-align:right;width:15mm;border-bottom:0.5px solid #9E9E9E;">
1 </td>
<td style="margin-right:1px;margin-left:1px;padding-left:11px;padding-right:0px;text-align:right;width:24mm;border-bottom:0.5px solid #9E9E9E;">
14.40 </td>
<td style="margin-right:2px;margin-left:1px;padding-left:11px;padding-right:0px;text-align:right;width:29mm;border-bottom:0.5px solid #9E9E9E;">
14.40 </td>
</tr>
<tr>
<td style="width:20mm;border-bottom:0.5px solid #9E9E9E; ">
<img style="width:20mm;" src="https://res-5.cloudinary.com/dtf2gwjcg/image/upload/c_fill,dpr_3.0,g_auto:no_faces,h_230,q_auto,w_230/youjpjfambqfwqjzlw2o.jpg" alt="Non-Slip Stay On Baby and Toddler Socks - 3 Pack in Nordic & Marshmallow White Size - 0-6 months "/>
</td>
<td class="ellipsis" style="text-align: left;width:50mm;padding-left: 2mm;border-bottom:0.5px solid #9E9E9E;">
Non-Slip Stay On Baby and Toddler Socks - 3 Pack in Nordic & Marshmallow White <br/>
<p class="variants">Size: 0-6 months</p>
</td>
<td style="margin-left:1px;margin-right:1px;padding-left:0px;padding-right:4px;text-align:left;width:20mm;border-bottom:0.5px solid #9E9E9E;">
16652-59917 </td>
<td style="margin-right:1px;margin-left:1px;padding-left:4px;padding-right:4px;text-align:right;width:15mm;border-bottom:0.5px solid #9E9E9E;">
1 </td>
<td style="margin-right:1px;margin-left:1px;padding-left:11px;padding-right:0px;text-align:right;width:24mm;border-bottom:0.5px solid #9E9E9E;">
9.60 </td>
<td style="margin-right:2px;margin-left:1px;padding-left:11px;padding-right:0px;text-align:right;width:29mm;border-bottom:0.5px solid #9E9E9E;">
9.60 </td>
</tr>
<tr>
<td style="width:20mm;border-bottom:0.5px solid #9E9E9E; ">
<img style="width:20mm;" src="https://res-2.cloudinary.com/dtf2gwjcg/image/upload/c_fill,dpr_3.0,g_auto:no_faces,h_230,q_auto,w_230/r7hd0ruh7d1rov29ehol.jpg" alt="Non-Slip Super Soft Ribbed Baby and Toddler Tights - 2 Pack in Aqua & Navy Size - INT 6-12 months "/>
</td>
<td class="ellipsis" style="text-align: left;width:50mm;padding-left: 2mm;border-bottom:0.5px solid #9E9E9E;">
Non-Slip Super Soft Ribbed Baby and Toddler Tights - 2 Pack in Aqua & Navy <br/>
<br/>
Product Code: T223
<p class="variants">Size: INT 6-12 months</p>
</td>
<td style="margin-left:1px;margin-right:1px;padding-left:0px;padding-right:4px;text-align:left;width:20mm;border-bottom:0.5px solid #9E9E9E;">
16651-76901 </td>
<td style="margin-right:1px;margin-left:1px;padding-left:4px;padding-right:4px;text-align:right;width:15mm;border-bottom:0.5px solid #9E9E9E;">
1 </td>
<td style="margin-right:1px;margin-left:1px;padding-left:11px;padding-right:0px;text-align:right;width:24mm;border-bottom:0.5px solid #9E9E9E;">
21.00 </td>
<td style="margin-right:2px;margin-left:1px;padding-left:11px;padding-right:0px;text-align:right;width:29mm;border-bottom:0.5px solid #9E9E9E;">
21.00 </td>
</tr>
</tbody>
</table>
<table class="invoiceTable" style="padding-left:12px;border-collapse: collapse;">
<tbody>
<tr>
<td style="width:20mm;">
</td>
<td class="ellipsis" style="text-align: left;width:50mm;padding-left: 2mm;">
</td>
<td style="margin-left:1px;margin-right:1px;padding-left:0px;padding-right:4px;text-align:left;width:20mm;">
</td>
<td style="margin-right:1px;margin-left:1px;padding-left:4px;padding-right:4px;text-align:right;width:15mm;">
</td>
<td style="margin-right:1px;margin-left:1px;padding-left:11px;padding-right:0px;text-align:right;width:24mm;">
</td>
<td style="margin-right:2px;margin-left:1px;padding-left:11px;padding-right:0px;text-align:right;width:29mm;">
</td>
</tr>
</tbody>
<tfoot>
<tr style="width:100%">
<td colspan="4" style="margin-top:30px;"> </td>
<td style="padding-right:0px;margin-right:130px;text-align:right;color: #333333;padding-top: 5mm;padding-bottom: 2mm;font-size: 12pt">
Subtotal </td>
<td style="margin-right:0px;margin-left:0px;padding-left:0px;padding-right:0px;text-align:right;color: #333333;padding-top: 5mm;padding-bottom: 2mm;font-size: 12pt">
£45.00 </td>
</tr>
<tr>
<td colspan="4" style="margin-top:30px;">
</td>
<td style="padding-right:0px;margin-right:0px;text-align:right;color: #333333;padding-top: 2mm;padding-bottom: 5mm;font-size: 12pt;border-bottom:1px solid #333333;">
Delivery </td>
<td style="margin-right:0px;margin-left:0px;padding-left:0px;padding-right:0px;text-align:right;padding-top: 2mm;padding-bottom: 5mm;font-size: 12pt;border-bottom:1px solid #333333;color: #333333">
£15.02 </td>
</tr>
<tr>
<td colspan="4" style="margin-top:30px;">
</td>
<td style="padding-right:0px;margin-right:0px;text-align:right;color: #333333;font-size: 16pt;color: #333333;padding-top: 2mm;padding-bottom: 2mm;;">
Total </td>
<td style="margin-right:0px;margin-left:0px;padding-left:0px;padding-right:0px;text-align:right;color: #333333;font-size: 16pt;padding-top: 2mm;padding-bottom: 2mm;">
£60.02 </td>
</tr>
<tr>
<td colspan="3" style="margin-top:30px;">
</td>
<td colspan="3" style="margin-right:0px;padding-top:30px;padding-right:0px;text-align:right;padding-top: 2mm;padding-bottom: 2mm;font-size: 9pt;color:#9E9E9E">
Business to Consumer (B2C) Cross-Border Sale<br/>£10.00 VAT collected by Icephorm </td>
</tr>
<tr>
<td colspan="5" style="margin-top:30px;">
<strong>Important: </strong><br/> Quote Icephorm's IOSS number on shipping labels: IMxxxxxxxxxxxxx </td>
</tr>
</tfoot>
</table>
</div>
</page>