Creating a Table with a Right-Side Border in an Advanced PDF Template

Code is provided below:

<table class="align" style="width: 100%; margin-top: 10px;  padding:0px;">
	<tr>
      <td align="center" border-right="2.5" border-right-color="#568b4e" style="font-size: 12px; line-height: 14px; color: #568b4e; font-weight:bold;">TERMS:</td>
      <td align="center" border-right="2.5" border-right-color="#568b4e" style="font-size: 12px; line-height: 14px; color: #568b4e; font-weight:bold;">PO#:</td>
      <td align="center" border-right="2.5" border-right-color="#568b4e" style="font-size: 12px; line-height: 14px; color: #568b4e; font-weight:bold;">INCOTERMS:</td>
      <td align="center" border-right="2.5" border-right-color="#FFFFFF" style="font-size: 12px; line-height: 14px; color: #568b4e; font-weight:bold;">SHIPPING METHOD:</td></tr>
    <tr>
      <td align="center" border-right="2.5" border-right-color="#568b4e" style="font-size: 10px; font-weight: light; color: #568b4e; ">${record.terms}</td>
      <td align="center" border-right="2.5" border-right-color="#568b4e" style="font-size: 10px; font-weight: light; color: #568b4e;">${record.otherrefnum}</td>
      <td align="center" border-right="2.5" border-right-color="#568b4e" style="font-size: 10px; font-weight: light; color: #568b4e;">${record.intercom}</td>
      <td align="center" style="font-size: 10px; font-weight: light; color: #568b4e;">${record.shipmethod}</td>
      </tr>
	</table>

Class ‘align’ is added in style tag.

<style>
table.align td p{
        align:center;
      }
</style>

The created table will be look like:

Leave a comment

Your email address will not be published. Required fields are marked *