在 pdfMake 的动态 table 中，所有列都无法正确显示

Question

我在pdf make中做了一个动态的table。一切正常，数据来自后端并集成在 pdf 制作中，但是当我下载 PDF 时，某些列丢失并且部分列数据显示。让我知道我做错了什么。



var dd = {
    content: [
        {
            style: 'tableExample',
            table: {
                body: [
                    ['ID', 'Name', 'Amount', 'Arrival', 'Checkout', 'TotalTime','phoneNumber','extendedTime']
                ]
            }
        },

    ],
    

}

export const BookingPDFData = (data) => {

    for (let i = 0; i < data.length; i++) {
        let values = Object.values(data[i]);
        dd.content[1].table.body.push(values);
    }

    return dd

}

Answer 1

可能是由于您的内容的大小。您的内容尺寸较大以适合纵向，如果您将 pageOrientation 更改为横向，则它可能适合页面。您可以按以下方式进行：

  pageSize: 'A4',
  pageOrientation: 'landscape',

如果不是这种情况，请尝试调整列的字体大小。

在 pdfMake 的动态 table 中，所有列都无法正确显示

all column not display properly in the dynamic table of pdfMake in react

javascript

reactjs

pdfmake