0

嗨,伙计们,感谢您的光临

我对 voilab pdf kit 有疑问,这是一个用于 PDFkit 的库,它基本上有助于为 NPM Pdfkit 安排表格。

成功生成表格后,我尝试添加一个新段落,但不幸的是我的段落格式遵循行格式宽度并且搞砸了。

让我向您展示我的代码来生成表格。

            doc
                .fontSize(14)
                .font('Times-Bold')
                .text('IKHTISAR POLIS / POLICY SCHEDULE', {
                    align: 'center',
                })
                .text('Asuransi TravelFirst Indonesiana', {
                    align: 'center',
                })
                .font('Times-BoldItalic')
                .text('TravelFirst Indonesiana Insurance', {
                    align: 'center',
                })
                .font('Times-Bold')
                .moveDown(4);

                table
                .addBody([
                    {
                        Item: 'No. Polis / Policy Number',
                        Separator: ':',
                        Description: `${noPolis}`,
                    },
                    {
                        Item: 'Nama / Name',
                        Separator: ':',
                        Description: `${paxes.name}`,

                    },
                    {
                        Item: 'TTL / DOB',
                        Separator: ':',
                        Description: `${DOBpolis}`,
                    },
                    {
                        Item: 'No. Identitas / Identity Number',
                        Separator: ':',
                        Description: `${paxes.id_no}`,
                    },
                    {
                        Item: 'Jenis Perjalanan / Type of Trip',
                        Separator: ':',
                        Description: 'Perjalanan Singkat / Short Trip',
                    },
                    {
                        Item: 'Polis Diterbitkan / Policy Issues',
                        Separator: ':',
                        Description: `${dateNow}`,
                    },
                    {
                        Item: 'Periode Polis / Policy Period',
                        Separator: ':',
                        Description: `${polisStart} - ${polisEnd}`,
                    },
                    {
                        Item: 'Lokasi Asal / Origin Location',
                        Separator: ':',
                        Description: `${element.city_origin}`,
                    },
                    {
                        Item: 'Lokasi Tujuan / Destination Location',
                        Separator: ':',
                        Description: `${element.city_destination}`,
                    },

                    {
                        Item: 'Paket Pilihan / Selected Package',
                        Separator: ':',
                        Description: `${insuranceProduct.name}`,
                    },
                    {
                        Item: 'Jumlah Premi / Total Premi',
                        Separator: ':',
                        Description: `${currencyFormatIDR(insuranceProduct.tarif)}`,
                    },
                    {
                        Item: 'Biaya Polis / Total Premium',
                        Separator: ':',
                        Description: `${currencyFormatIDR(insuranceProduct.tarif)}`,
                    },
                    {
                        Item: 'Jumlah Premi / Total Premi',
                        Separator: ':',
                        Description: `${currencyFormatIDR(insuranceProduct.tarif)}`,
                    },
                ]);
    doc.moveDown(2);

这是我在表格后添加新段落的代码

        doc
            .fontSize(9)
            .font('Times-Roman')
            .text(tcId, {
                align: 'justify',
                margin: {
                    right: 100,
                },
            });
        doc
            .fontSize(9)
            .font('Times-Italic')
            .text(tcEn, {
                align: 'justify',
                fit: [300, 200],
            });

        doc
            .fontSize(9)
            .font('Times-Roman')
            .text(`${dateNow}`, {
                align: 'right',
                fit: [300, 200],
            });

我尝试创建另一个表格并将我的段落像这样放在里面

        table
        .addColumns([
            {
                id: 'text',
                Align: 'justify',
                // width: 500,
            }]);

        table
        .addBody([
            {
                text: `${tcId}`,
            },
            {
                text: `${tcEn}`,
            },
        ]);

但结果是一样的,这是我生成pdf后的样子

在此处输入图像描述

4

1 回答 1

0

解决的问题原来你需要使用 doc.x = 0 <<- 或任何水平边距在 table.addtable 之后重置边距,因为 voilab-pdf-table 适用于 x、y 主体。

于 2020-03-17T15:57:49.620 回答