Products tab is where I can put my own
<tr> style. The preview PDF does not show the changes made on the Products tab, so I had to generate invoice PDF to view the changes. That was the source of my confusion.
Having said that, I would like not to have to use the
<table id="product-table"></table> to show products but build my own table with custom columns and such. For example:
<!-- Body Tab -->
<!-- custom header -->
<!-- numerated product items (1,2,3,...) -->
<!-- have the label as a variable -->
<!-- here would be rows from the "Products" tab -->
<!-- Products Tab -->
<!-- item array index (1,2,3,...) -->
<td class="uk-text-right uk-text-nowrap">$product.item</td>
<!-- custom value same for all rows -->
This would allow maximum flexibility with the design.