Javascript pdfmake中分页符处的动态副标题问题

我正在使用

pdfmake

以角度渲染数据。我每一页有五个标题：

我有一个房客

在房客里面，我有很多活动

活动里面我有资料

我需要这样渲染

在这里，当页面断开时

它取第二个PDF中的第一个活动值。我需要呈现第二个活动，其中分页符

generatePdf（）{
常量文档定义={
页面大小：“A4”，
页面定位：“横向”，
内容：[
this.generateReport04结构（）
]
GenerateReport04结构（）{
常数retunData=[]；
this.reports.report04.forEach（元素=>{
常量数据=[]；
数据推送(
{
保证金：[0,20,0,0]，
样式：“tableExample”，
表：{
总分:5,，
//pageBreak:'之前'，
顿布雷克罗斯：没错，
正文：[
[
{text:'TENANT'，style:'tableHeader'，colSpan:3，border:[false，false，false，false]}，{}，{}，
{text:'BUILDING'，style:'tableHeader'，colSpan:3，border:[false，false，false，false]}，{}，{}，
{text:'DATE'，style:'tableHeader'，colSpan:2，border:[false，false，false，false]}，{}
],
[
{text:element.tenantName，样式：'tableHeader'，colSpan:3，边框：[true，true，true，true]，粗体：true，边距：[3,6,0,10]}，{}，{}，
{text:element.tenantBuilding，样式：'tableHeader'，colSpan:3，border:[true，true，true，true]，粗体：true，margin:[3,6,0,10]}，{}，{}，
{text:element.inspectionDate，样式：'tableHeader'，colSpan:2，边框：[true，true，true，true]，粗体：true，边距：[3,6,0,10]}，{}
],
…此.report04ActivityElements（element.activity），
],
//宽度：['8%，'8%，'8%，'8%，'8%，'8%，'8%，'8%，'8%，'8%，'8%，'8%，
宽度：['12%，'12%，'12%，'12%，'12%，'12%，'12%，'12%，'12%，'12%，'12%，'12%，
布局：{
hLineWidth（i，节点）{
返回值（i==0 | | i==node.table.body.length）？0.1:0.1；
},
vLineWidth（i，节点）{
返回值（i==0 | | i==node.table.widths.length）？0.1:0.1；
},
hLineColor（i，节点）{
return（i==0 | | i==node.table.body.length）？'black'：'black'；
},
vLineColor（i，节点）{
返回（i==0 | | i==node.table.widths.length）？“黑色”：“黑色”；
},
paddingTop（i，node）{return 10；}，
paddingBottom（i，node）{return 10；}
}
},
}
);
数据推送；
});
返回数据；
}
report04ActivityElements（值）{
让活动=[]；
value.forEach（元素=>{
活动推送([
{文本：''，样式：'tableHeader'，边框：[false，false，false，false]，边距：[3,8,0,10]}，
{text:'ACTIVITY#'，style:'tableHeader'，border:[true，true，true，true]，margin:[3,8,0,10]}，
{text:'ACTIVITY TYPE'，style:'tableHeader'，colSpan:2，border:[true，true，true，true]，margin:[3,8,0,10]}，{}，
{text:'DESCRIPTION'，style:'tableHeader'，colSpan:3，border:[true，true，true，true]，margin:[3,8,0,10]}，{}，{}，
{文本：'PRACTICE'，样式：'tableHeader'，边框：[true，true，true，true]，边距：[3,8,0,10]}，
]);
让returnData=[]；
returnData.push(
{文本：''，样式：'tableHeader'，边框：[false，false，false，false]，边距：[3,8,0,10]}，
{text:element.activityNumber，样式：'tableHeader'，边框：[true，true，true，true]，边距：[3,8,0,10]}，
{text:element.activityType，样式：'tableHeader'，colSpan:2，边框：[true，true，true，true]，边距：[3,8,0,10]}，{}，
{text:element.description，样式：'tableHeader'，colSpan:3，border:[true，true，true，true]，margin:[3,8,0,10]}，{}，{}，
{text:element.practice，样式：'tableHeader'，边框：[true，true，true，true]，边距：[3,8,0,10]}
);
活动推送（返回数据）；
如果（element.material.length>0）{
activity.push（…this.report04Material（element.material））；
}
});
返回活动；
}
报告04材料（值）{
让物料=[]；
物质推动([
{文本：''，边框：[false，false，false，false]}，
{文本：''，边框：[false，false，false，false]}，
{text:'MATERIAL#'，style:'tableHeader'，border:[true，true，true，true]，margin:[3,8,0,10]}，
{文本：'MATERIAL NAME'，样式：'tableHeader'，边框：[true，true，true，true]，边距：[3,8,0,10]}，
{text:'QUANTITY'，style:'tableHeader'，border:[true，true，true]，margin:[3,8,0,10]}，
{text:'CAPACITY'，style:'tableHeader'，border:[true，true，true]，margin:[3,8,0,10]}，
{text:'SEC/SPILL CON'，style:'tableHeader'，border:[true，true，true，true]，margin:[3,8,0,10]}，
{文本：'LEAK/STAIN'，样式：'tableHeader'，边框：[true，true，true，true]，边距：[3,8,0,10]}
]);
value.forEach（元素=>{
让returnData=[]；
returnData.push(
{文本：''，边框：[false，false，false，false]}，
{文本：''，边框：[false，false，false，false]}，
{text:element.materialNumber，样式：'tableHeader'，边框：[true，true，true，true]，边距：[3,8,0,10]}，
{text:element.materialName，样式：'tableHeader'，边框：[true，true，true，true]，边距：[3,8,0,10]}，
{text:element.quantity，style:'tableHeader'，border:[true，true，true]，margin:[3,8,0,10]}，
{text:element.capacity，样式：'tableHeader'，边框：[true，true，true，true]，边距：[3,8,0,10]}，
{text:element.secSpill，样式：'tableHeader'，边框：[true，true，true，true]，边距：[3,8,0,10]}，
{text:element.leakStain，样式：'tableHeader'，边框：[true，true，true，true]，边距：[3,8,0,10]
      4            3         4                 5