var dd = {
content: [
{ text: ' ', fontSize: 360 }, // just to add some space at the top of the page
{
table: {
widths: ['*','*','*','*'],
heights: 50,
body: [
['ABC', 'DEF', 'GHI', 'JKL'],
['ABC', {text: 'XYZ', colSpan: 2}, '' , {text: '', border: [false, false, false, false]}],
['ABC', 'DEF', 'GHI', 'JKL'],
['ABC', {text: 'XYZ', colSpan: 2}, '' , {text: '', border: [false, false, false, false]}],
['ABC', 'DEF', 'GHI', 'JKL'],
['ABC', {text: 'XYZ', colSpan: 2}, '' , {text: '', border: [false, false, false, false]}],
['ABC', 'DEF', 'GHI', 'JKL'],
['ABC', {text: 'XYZ', colSpan: 2}, '' , {text: '', border: [false, false, false, false]}],
]
}
},
]
}
Issue Description:
When using
border: [false, false, false, false]for a cell in a table, if the cell belongs to a row that is the last one on that page then the bottom border is still rendered.Playground Example:
Screenshot: