jquery - 如何将 jspdf autotable 放入 pdf 文档中？

Question

我正在尝试使用 jspdf autotable 插件将表格放入 pdf 中，但由于某种原因，单元格中的文本被切断。即使文本很长，我如何在单元格中显示整个文本，单元格应该包裹文本并显示它。我怎样才能做到这一点？

function demoFromHTML(source) {
  var columns = ["PatientNumber", "PatientName", "Prescription", "MobileNumber", "Address", "DatePrescribed"]

  // Only pt supported (not mm or in)
  var doc = new jsPDF('p', 'pt');
  doc.autoTable(columns, source);
  doc.save('table.pdf');
}

Answer 1

 var pdf = new jsPDF('p', 'pt', 'a4');

//Estadísticas
var tablaDatos = $('.tb-info');

var data = pdf.autoTableHtmlToJson(tablaDatos[0]);
var imgElements = tablaDatos[0].querySelectorAll('tbody img');
var images = [];

pdf.autoTable(data.columns, data.rows, {
  startY: 100,
  margin: {
    right: 20,
    left: 50
  },
  tableWidth: 500,
  styles: {
    overflow: 'linebreak',
    columnWidth: 'wrap',
    rowHeight:'wra',
    lineWidth: 1
  },
  columnStyles: {
    0: {
      columnWidth: 130
    },
    1: {
      columnWidth: 350
    },
    columnWidth: 'wrap'
  },
  rowStyles: {
    0: {rowHeight: 150}
  },

  createdCell: function(cell, opts) {
  cell.styles.cellPadding = {vertical: 50};
},
  rowHeight:'wra',
  drawCell: function(cell, opts) {
    if (opts.column.dataKey === 0 && opts.row.index < data.rows.length) {
      images.push({
        elem: imgElements[opts.row.index],
        x: cell.textPos.x,
        y: cell.textPos.y
      });
    }
  },
   addPageContent: function() {
    for (var i = 0; i < images.length; i++) {
      if (!images[i].isLoad) {
        pdf.addImage(images[i].elem, images[i].x + 20, images[i].y - 25);
        images[i].isLoad = true;
      }
    }
  }

});

使用这些脚本

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.3/jspdf.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/2.3.1/jspdf.plugin.autotable.min.js"></script>


<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>