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

问题描述 投票:1回答:1

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

在此fiddle中我添加了

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

将地址文本与右表合并

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

  1. 我想保留完整的地址文本,该文本将像第2小提琴一样保持空白,同时保持空白。
  2. 是否可以在具有数字数据的列上正确对齐?像QTYPriceAmount
javascript vue.js jspdf jspdf-autotable
1个回答
2
投票

[如果您想将地址包装成多行,则需要删除overflow: "hidden"cellWidth: "wrap"样式,"warp"此处实际上意味着不要仅包装并将其放在一行中,因此您需要删除这两种样式,您可能还需要将minCellWidth设置为标题字段。

对于第2个问题,您可以指定右对齐到特定列,例如columnStyles: {2: {halign: 'right'}, 3: {halign: 'right'}}

© www.soinside.com 2019 - 2024. All rights reserved.