pdfmake从Long HTML Table

时间:2018-01-04 21:55:14

标签: javascript jquery pdf pdfmake

我正在使用pdfmake http://pdfmake.org/从HTML表生成一个PDF及其一个很棒的小插件,但我唯一的问题是我有一个非常长的表,它的宽度被切断(见下面的截图)

enter image description here

如何处理长桌?这只是我的一张桌子,有些桌子比较长,有些桌子较短。这是我的代码:

var widths = [200];

        var bodies = [];

        $('#cost-matrix-table tr:nth-child(3) td').not(':first').each(function () {
            widths.push(100);
        });

        var rowCounter = 0;

        $('#cost-matrix-table tr').not(':nth-child(4)').each(function () {

            var data = [];

            var columnCounter = 0;

            $(this).find("td").each(function () {

                if ((rowCounter == 0 || rowCounter == 1) && columnCounter != 0) {
                    data.push({ text: $(this).text(), colSpan: 2, alignment: 'center' }, {});
                }
                else {
                    if (rowCounter == 2) {
                        if (columnCounter == 0) {
                            data.push({ text: $(this).text(), style: 'filledHeader' });
                        }
                        else {
                            data.push({ text: $(this).text(), style: 'filledHeader', alignment: 'center' });
                        }
                    }
                    else {
                        data.push($(this).text());
                    }
                }

                columnCounter++;

            });

            bodies.push(data);

            rowCounter++;

        });

        var docDefinition = {
            pageOrientation: 'landscape',
            pageMargins: [40, 100, 40, 50],
            pageSize: 'A0',
            header: { text: $("#dropdown").val(), alignment: 'center', decoration: 'underline', fontSize: 28, bold: true, margin: [40, 40, 0, 0] },
            content: [
              {
                  table: {
                      widths: widths,
                      body: bodies,
                      headerRows: 3,
                      pageBreak: 'before',
                      dontBreakRows: true,
                      fontSize: 28
                  }
              }
            ],
            styles: {
                filledHeader: {
                    color: 'white',
                    fillColor: 'black',
                }
            }
        };

        pdfMake.createPdf(docDefinition).download('CostMatrix-' + $("#dropdown").val().replace(/\s/g, '') + '.pdf');

我的pageSize设置为A0,它仍然被切断......高度很完美,只是宽度被切断,请帮忙!我能够设置页面大小的宽度和高度,但我不知道如何设置它。我的表有45列,每列宽度为100,除了第一列是200,总共4600

1 个答案:

答案 0 :(得分:0)

如果边距不是选项或解决方案,那么小字体样式怎么样?

success: function(myData) ...

像这样使用

styles: {
    // FONT SIZE

    // SIZE 8
    font_xs: { fontSize: 8 },
    // SIZE 10
    font_sm: { fontSize: 10 },
    // SIZE 12
    font_md: { fontSize: 12 },
    // SIZE 14
    font_lg: { fontSize: 14 },
    // SIZE 16
    font_xl: { fontSize: 16 }

}