Use Case:
Users may notice uneven table borders when printing transactions using Advanced PDF/HTML Templates.
This issue is commonly caused by using inline table properties such as border-right. Using CSS border styling instead provides more consistent table borders in generated PDF outputs.
How It Works:
- Navigate to Customization > Forms > Advanced PDF/HTML Templates
- Locate the preferred template and click Edit or Customize
- On the upper-right corner, toggle Source Code
- Locate the CSS style for the Items Table
Note:
This is commonly identified using the table.itemtable tag.
5. Within the table.itemtable th CSS tag, add:
border: 1px solid black;
6. Add the following CSS code to apply borders to the table and table rows:
table.itemtable {
border: 1px solid black;
}
table.itemtable td {
border: 1px solid black;
}
7. Click Save
This will apply consistent table borders and help prevent uneven border lines in the generated PDF printout.
