javascript - JsPDF，jsPDF-AutoTable 包装需要 overflow hidden 的行文本

Question

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

在此fiddle我加了

bodyStyles: { valign: "top"},
样式:{溢出:“隐藏”，cellWidth:“换行”}，
columnStyles: { text: { cellWidth: "auto"} },

将地址文本与右表合并

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

1. 我想保留完整的地址文本，它会正确换行，同时保持像第二 fiddle 一样的空隙。
2. 是否可以在列中包含数字数据的位置右对齐？比如QTY, Price, Amount?

Answer 1

如果您希望地址可能换行成多行，您需要删除overflow: "hidden"和 cellWidth: "wrap"款式，"warp"这里其实就是不换行只放在一行的意思，所以你需要把这两种样式都去掉，你可能还想设置minCellWidth到标题字段。

对于问题 2，您可以指定右对齐到特定的列，如下所示 columnStyles: {2: {halign: 'right'}, 3: {halign: 'right'}}