pdfmake 在并排渲染多个表格时，若复用同一组表头数组对象，会导致右侧表格表头内容丢失——这是因为 pdfmake 内部会修改（消耗）传入的 header 对象，需为每个表格提供独立的表头引用。
pdfmake 在并排渲染多个表格时，若复用同一组表头数组对象，会导致右侧表格表头内容丢失——这是因为 pdfmake 内部会修改（消耗）传入的 header 对象，需为每个表格提供独立的表头引用。
在使用 PDFMake 构建多列布局（如左右并排两个表格）时，一个常见陷阱是：看似正确的表头复用逻辑，实则引发第二表格表头文本消失。根本原因在于 PDFMake（基于底层 PDFKit 行为）在解析 table.body 时会对 headerRows 对应的行进行就地处理（例如添加样式标记、计算单元格属性等），导致原始表头对象被污染或重置。当两个表格共用同一个 tableHeaders 数组引用时，第一个表格执行后已修改该数组内部对象状态，第二个表格再读取时便无法正确渲染文本。
✅ 正确做法：为每个表格分配独立的表头数组
不要复用同一数组变量，而应分别定义左右表格的表头：
// ❌ 错误：复用同一引用 → 第二个表格表头失效
const tableHeaders = [{ text: 'Last Name', style: 'tableHeader' }, /* ... */];
const leftTableBody = [tableHeaders, ['Doe', 'John', '5', 'A']];
const rightTableBody = [tableHeaders, ['Smith', 'Jane', '6', 'B']]; // ← 问题根源
// ✅ 正确：各自独立声明（深拷贝或重新构造）
const leftTableHeader = [
{ text: 'Last Name', style: 'tableHeader' },
{ text: 'First Name', style: 'tableHeader' },
{ text: 'Grade', style: 'tableHeader' },
{ text: 'Class', style: 'tableHeader' }
];
const rightTableHeader = [
{ text: 'Last Name', style: 'tableHeader' },
{ text: 'First Name', style: 'tableHeader' },
{ text: 'Grade', style: 'tableHeader' },
{ text: 'Class', style: 'tableHeader' }
];
const leftTableBody = [leftTableHeader, ['Doe', 'John', '5', 'A']];
const rightTableBody = [rightTableHeader, ['Smith', 'Jane', '6', 'B']];
? 提示：也可使用
JSON.parse(JSON.stringify())浅层克隆（适用于纯 JSON 结构），但显式声明更清晰、无性能开销且避免嵌套对象意外问题。
其他注意事项
-
headerRows: 1必须显式设置：即使表头在body[0]，PDFMake 仍需此配置才能启用表头样式（如fillColor、重复分页等）； -
列宽一致性建议：左右表格
widths应保持一致，确保视觉对齐； -
样式作用域：
style: 'tableHeader'依赖docDefinition.styles中的定义，确保其存在于最终文档定义中； -
调试技巧：可在生成前
console.log(rightTableBody)验证第二行是否含有效{text: ...}对象，快速定位是否为数据问题。
通过为每个表格提供语义独立、内存隔离的表头数组，即可彻底解决“右侧表格有表头行但无文字”的问题，保障双表格布局的专业呈现效果。
