JsPDF,jsPDF-AutoTable 包装需要隐藏溢出的行文本

JsPDF, jsPDF-AutoTable wrapping row texts needed with overflow hidden

我正在尝试使用 jspdf-autotable 创建发票。我想解决一个长地址,该地址将在保持 overflow:hidden 的同时正确换行。

在此fiddle中我添加了

bodyStyles: { valign: "top" }, styles: { overflow: "hidden", cellWidth: "wrap" }, columnStyles: { text: { cellWidth: "auto" } },

将地址文本与右边合并 table

在这个 fiddle 中,我只保留了 overflow:hidden,它保留了两个相邻 table 之间的间隙,但裁剪了地址文本。

  1. 我想保留完整的地址文本,它会正确换行,同时保持像第二个 fiddle 一样的空隙。
  2. 是否可以在列有数值数据的地方右对齐?像 QTYPriceAmount?

如果希望地址大概换行成多行,需要去掉overflow: "hidden"cellWidth: "wrap"样式,这里的"warp"其实就是不换行的意思仅在一行中,因此您需要删除这两种样式,您可能还想将 minCellWidth 设置为标题字段。

对于问题 2,您可以像这样指定右对齐到特定列 columnStyles: {2: {halign: 'right'}, 3: {halign: 'right'}}