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

时间:2019-11-05 00:12:18

标签: javascript vue.js jspdf jspdf-autotable

我正在尝试使用jspdf-autotable创建发票。我想解决一个长地址,该地址可以在维护overflow:hidden的同时正确包装。

在此fiddle中,我添加了

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

它将地址文本与右表合并

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

  1. 我想保留完整的地址文本,该文本将正确包装,同时保持第二小提琴之间的空白。
  2. 是否可以在列中包含数字数据的地方正确对齐?例如QTYPriceAmount

1 个答案:

答案 0 :(得分:2)

如果您希望地址可以换行,则需要删除overflow: "hidden"cellWidth: "wrap"样式,"warp"实际上意味着不要将其换行并放入一个仅限于行,因此您需要删除这两种样式,您可能还希望将minCellWidth设置为标题字段。

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