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 之间的间隙,但裁剪了地址文本。
- 我想保留完整的地址文本,它会正确换行,同时保持像第二个 fiddle 一样的空隙。
- 是否可以在列有数值数据的地方右对齐?像
QTY
、Price
、Amount
?
如果希望地址大概换行成多行,需要去掉overflow: "hidden"
和cellWidth: "wrap"
样式,这里的"warp"
其实就是不换行的意思仅在一行中,因此您需要删除这两种样式,您可能还想将 minCellWidth
设置为标题字段。
对于问题 2,您可以像这样指定右对齐到特定列 columnStyles: {2: {halign: 'right'}, 3: {halign: 'right'}}
我正在尝试使用 jspdf-autotable
创建发票。我想解决一个长地址,该地址将在保持 overflow:hidden
的同时正确换行。
在此fiddle中我添加了
bodyStyles: { valign: "top" },
styles: { overflow: "hidden", cellWidth: "wrap" },
columnStyles: { text: { cellWidth: "auto" } },
将地址文本与右边合并 table
在这个 fiddle 中,我只保留了 overflow:hidden
,它保留了两个相邻 table 之间的间隙,但裁剪了地址文本。
- 我想保留完整的地址文本,它会正确换行,同时保持像第二个 fiddle 一样的空隙。
- 是否可以在列有数值数据的地方右对齐?像
QTY
、Price
、Amount
?
如果希望地址大概换行成多行,需要去掉overflow: "hidden"
和cellWidth: "wrap"
样式,这里的"warp"
其实就是不换行的意思仅在一行中,因此您需要删除这两种样式,您可能还想将 minCellWidth
设置为标题字段。
对于问题 2,您可以像这样指定右对齐到特定列 columnStyles: {2: {halign: 'right'}, 3: {halign: 'right'}}