pdfmake
pdfmake copied to clipboard
Published
20 hours ago •
bpampuch
bpampuch
Wrong table layout when a previous table spans multiple pages
In the example below, the first table with 3 columns is displayed correctly, however the second one overflows on the right side of the page.
If I reduce the length of the first table to fit one one page, the second table is rendered correctly.
It looks like table layouts are affected by previous tables in some way.
{
"pageSize": "A4",
"pageOrientation": "portrait",
"pageMargins": [
0,
20,
0,
20
],
"content": [
{
"text": "TABLE 1",
"style": "title"
},
{
"pageBreak": "after",
"table": {
"headerRows": 1,
"body": [
[
"",
{
"text": "title 1",
"style": "tableHeader"
},
{
"text": "title 2",
"style": "tableHeader"
}
],
[
{
"text": "r1",
"style": "tableSubheader",
"noWrap": true
},
{
"text": "",
"style": "tableSubheader",
"noWrap": true
},
{
"text": "",
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r2",
"style": "tableSubheader",
"noWrap": true
},
{
"text": "",
"style": "tableSubheader",
"noWrap": true
},
{
"text": "",
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
],
[
{
"text": "r3",
"style": "tableSubheader"
},
{
"text": {
"text": "val 3",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
},
{
"text": {
"text": "val 3 bis",
"style": "tableData"
},
"style": "tableSubheader",
"noWrap": true
}
]
],
"widths": [
"*",
"auto",
"auto"
]
},
"layout": null,
"style": "report"
},
{
"text": "table 2",
"style": "title"
},
{
"table": {
"headerRows": 1,
"body": [
[
"",
{
"text": "title 1",
"style": "tableHeader"
},
{
"text": "title 2",
"style": "tableHeader"
},
{
"text": "title 3",
"style": "tableHeader"
}
],
[
{
"text": "r1",
"style": "tableSubheader",
"noWrap": true
},
{
"text": "val 1",
"style": "tableSubheader",
"noWrap": true
},
{
"text": "val 2",
"style": "eSubheader",
"noWrap": true
},
{
"text": "val 3",
"style": "tableSubheader",
"noWrap": true
}
]
],
"widths": [
"*",
"auto",
"auto",
"auto"
]
},
"style": "report"
}
],
"styles": {
"title": {
"fontSize": 16,
"bold": true,
"color": "#222222",
"alignment": "center"
},
"tableHeader": {
"bold": true,
"alignment": "right",
"margin": [
0,
5
]
},
"tableSubheader": {
"bold": true,
"fontSize": 8
},
"report": {
"color": "#222222",
"margin": [
20,
10
],
"fontSize": 8
}
}
}
I found out that if the margin is not set on the tables, the rendering issue doesn't show.
In case someone is wandering, as a workaround, you can set the "horizontal margins" using columns:
var dd = {
content: [
{
text: 'Table with margins',
margin: [
0,
0,
0,
10, // Table "top margin" (bottom margin of the previous element)
],
},
{
columns: [
{ text: '', width: 20 }, // set table left margin
{
table: {
widths: ['*', '*', '*'],
headerRows: 1,
body: [
["Header 1", "Header 2", "Header 3"],
["Column 1", "Column 2", "Column 3"],
["Column 1", "Column 2", "Column 3"],
],
},
},
{ text: '', width: 20 } // set table right margin
],
},
{
text: 'Table without margins',
margin: [
0,
10, // Table "bottom margin" (top margin of the next element)
0,
0
],
},
{
columns: [
{
table: {
widths: ['*', '*', '*'],
headerRows: 1,
body: [
["Header 1", "Header 2", "Header 3"],
["Column 1", "Column 2", "Column 3"],
["Column 1", "Column 2", "Column 3"],
],
},
},
],
},
]
}
