繁体   English   中英

Angular2 + jspdf-autotable换行符不起作用

[英]Angular2 + jspdf-autotable linebreak not working

我只想使用溢出:我的注释列的“换行”选项这是我的代码

 var columns = [
        { title: "Date", dataKey: "date" },
        { title: "User", dataKey: "user" },
        { title: "Issue", dataKey: "issue" },
        { title: "Hours", dataKey: "hours" },
        { title: "Comment", dataKey: "comment" }

    ];
    var rows = [];
    for (let i = 0; i < this.reports.length; i++) {
        var element = {
            date: 5,
            user: 5,
            issue: 3,
            hours: 2,
            comment:"dsfsudihfusidfhsyudfyhdysuyfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff"
        };
        rows.push(element);
    }
    var options = {
        overflow: "linebreak"
    }
    var doc = new jsPDF();
    doc.autoTable(columns, rows, {
        startY: doc.autoTable.previous.finalY + 15,
        margin: { horizontal: 7 },
        bodyStyles: { valign: 'top' },
        styles: { overflow: 'linebreak', columnWidth: 'wrap' },
        columnStyles: { text: { columnWidth: 'auto' } }
    });
    doc.save('table.pdf');

我从他们的示例文件https://github.com/simonbengtsson/jsPDF-AutoTable/blob/master/examples/examples.js复制了此解决方案

但是当我生成pdf时,它看起来像这样 在此处输入图片说明

尝试将columnStyles: { text: { columnWidth: 'auto' } }更改为columnStyles: { comment: { columnWidth: 'auto' } }

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM