javascript - jsPDF autoTable columnWidth 包装切断表格

Question

我正在使用 jsPDF 从 HTML 表格生成 PDF 并且 jsPDF 很棒，预计我遇到一个问题，当我尝试包装 columnWidth 时，我的表格被切断了:(

var doc = new jsPDF('l', 'mm', "a0");
var tbl = $('#cost-matrix-table').clone();
tbl.find('tr:nth-child(1)').remove();
tbl.find('tr:nth-child(1)').remove();
tbl.find('tr:nth-child(2)').remove();
var res = doc.autoTableHtmlToJson(tbl.get(0));

doc.autoTable(res.columns, res.data, {
    startY: 40,
    margin: {
        top: 40
    },
    addPageContent: function (data) {
        doc.setFontSize(28);
        doc.setTextColor(0);
        doc.setFontStyle('bold');
        doc.text("Losani Homes Cost Matrix " + $("#dropdown").val(), 500, 30);
    },
    styles: {
        fontSize: 20,
        overflow: 'linebreak',
        columnWidth: 'wrap',
    },
    theme: 'grid'
});

doc.save("Report.pdf");

有解决办法吗？

Answer 1

将您的自动表创建部分替换为以下代码

doc.autoTable(res.columns, res.data, {
        startY: 40,
        margin: {
            top: 40
        },
    addPageContent: function (data) {
doc.setFontSize(28);
doc.setTextColor(0);
doc.setFontStyle('bold');
doc.text("Losani Homes Cost Matrix " + $("#dropdown").val(), 500, 30);
},
styles: {
fontSize: 20,
overflow: 'linebreak'
},
columnWidth: 'wrap',
columnStyles:{
  0: {
    columnWidth: 100
  },
  1: {
    columnWidth: 100
  }, 
  2: {
    columnWidth: 100
  },
  3: {
    columnWidth: 100
  },
  4: {
    columnWidth: 100
  }
},
theme: 'grid'
});