将表格拉伸至完整宽度的jsPDF Autotable

Question

有没有办法在jsdpdf-autotable包中拉伸表格？ 我的用例是 - 我正在制作一个通用的pdf表格下载器，它基于表格结构生成pdf下载器。目前，我遇到了不同表格大小的问题。

如果一个表格有6列，表格会显示在角落里，但是如果表格只有几列，它只占据了一半甚至更少的页面大小，导致pdf布局不一致。

因此，对于这种情况，我正在考虑将所有表格拉伸到100％的宽度。

我尝试使用margin: {left:0,right:0}和tableWidth:'auto'，但都没有成功:(

我错过了哪些属性吗？

PS：这是autoTable代码块

doc.autoTable(headings, data, {
  theme: "grid",
  tableWidth: 200,
  margin: {right:0,left:0},
  tableWidth: 'auto',
  styles: {
    fontSize: fontSize,
    columnWidth: "wrap"
  },
  headerStyles: { fillColor: 120, textColor: 255, halign: "center" },
  columnStyles: {
    id: { fillColor: 255 }
  },

- Aseem Upadhyay

Answer 1

tableWidth: 'auto'应该可以正常工作，因为这是默认设置，您也可以简单地省略它。否则，这可能是一个bug，您可以在github存储库中报告。请确保包含完整的问题示例。

- Simon Bengtsson

Answer 2

您只需要将tableWidth设置为页面大小，并将左边距设置为0即可。

请参考此示例：

autoTable(doc, {
  head: headers,
  body: data,
  startY: 80,
  showHead: "never",
  showFoot: "never",
  // this two properties
  tableWidth: doc.internal.pageSize.getWidth(),
  margin: { left: 0 },
});

- shayan davodi