Skip to content

Instantly share code, notes, and snippets.

@ChromeOrange
Created May 14, 2021 13:58
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ChromeOrange/91fd649ac75d8ffe2b7d33aa62932625 to your computer and use it in GitHub Desktop.
Save ChromeOrange/91fd649ac75d8ffe2b7d33aa62932625 to your computer and use it in GitHub Desktop.
PDF Invoice product section
<table class="shop_table orderdetails" width="100%">
<thead>
<tr class="pdf_table_row pdf_table_row_title">
<th colspan="7" align="left" class="pdf_table_cell pdf_table_cell_title">
<h2>Order Details</h2>
</th>
</tr>
<tr class="pdf_table_row pdf_table_row_heading">
<th class="pdf_table_cell pdf_table_cell_heading" width="5%" valign="top" align="right">Qty</th>
<th class="pdf_table_cell pdf_table_cell_heading" width="50%" valign="top" align="left">Product</th>
<th class="pdf_table_cell pdf_table_cell_heading" width="9%" valign="top" align="right">Price Ex</th>
<th class="pdf_table_cell pdf_table_cell_heading" width="9%" valign="top" align="right">Total Ex.</th>
<th class="pdf_table_cell pdf_table_cell_heading" width="7%" valign="top" align="right">Tax</th>
<th class="pdf_table_cell pdf_table_cell_heading" width="10%" valign="top" align="right">Price Inc</th>
<th class="pdf_table_cell pdf_table_cell_heading" width="10%" valign="top" align="right">Total Inc</th>
</tr>
</thead>
</table>
<table width="100%" class="shop_table ordercontent">
<tbody>
<tr class="pdf_table_row pdf_table_row_odd">
<td class="pdf_table_cell pdf_table_cell_odd" valign="top" width="5%" align="right">1 x</td>
<td class="pdf_table_cell pdf_table_cell_odd" valign="top" width="50%">Beanie</td>
<td class="pdf_table_cell pdf_table_cell_odd" valign="top" width="9%" align="right"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">£</span>15.00</bdi></span></td>
<td class="pdf_table_cell pdf_table_cell_odd" valign="top" width="9%" align="right"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">£</span>15.00</bdi></span></td>
<td class="pdf_table_cell pdf_table_cell_odd" valign="top" width="7%" align="right"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">£</span>3.00</bdi></span></td>
<td class="pdf_table_cell pdf_table_cell_odd" valign="top" width="10%" align="right"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">£</span>18.00</bdi></span></td>
<td class="pdf_table_cell pdf_table_cell_odd" valign="top" width="10%" align="right"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">£</span>18.00</bdi></span></td>
</tr>
<tr class="pdf_table_row pdf_table_row_even"><td class="pdf_table_cell pdf_table_cell_even" valign="top" width="5%" align="right">1 x</td>
<td class="pdf_table_cell pdf_table_cell_even" valign="top" width="50%">Cap</td>
<td class="pdf_table_cell pdf_table_cell_even" valign="top" width="9%" align="right"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">£</span>13.33</bdi></span></td>
<td class="pdf_table_cell pdf_table_cell_even" valign="top" width="9%" align="right"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">£</span>13.33</bdi></span></td>
<td class="pdf_table_cell pdf_table_cell_even" valign="top" width="7%" align="right"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">£</span>2.67</bdi></span></td>
<td class="pdf_table_cell pdf_table_cell_even" valign="top" width="10%" align="right"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">£</span>16.00</bdi></span></td>
<td class="pdf_table_cell pdf_table_cell_even" valign="top" width="10%" align="right"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">£</span>16.00</bdi></span></td>
</tr>
<tr class="pdf_table_row pdf_table_row_odd">
<td class="pdf_table_cell pdf_table_cell_odd" valign="top" width="5%" align="right">1 x</td>
<td class="pdf_table_cell pdf_table_cell_odd" valign="top" width="50%">Belt</td>
<td class="pdf_table_cell pdf_table_cell_odd" valign="top" width="9%" align="right"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">£</span>45.83</bdi></span></td>
<td class="pdf_table_cell pdf_table_cell_odd" valign="top" width="9%" align="right"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">£</span>45.83</bdi></span></td>
<td class="pdf_table_cell pdf_table_cell_odd" valign="top" width="7%" align="right"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">£</span>9.17</bdi></span></td>
<td class="pdf_table_cell pdf_table_cell_odd" valign="top" width="10%" align="right"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">£</span>55.00</bdi></span></td>
<td class="pdf_table_cell pdf_table_cell_odd" valign="top" width="10%" align="right"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">£</span>55.00</bdi></span></td>
</tr>
</tbody>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment