如何使用 jspdf-autotable 为从右到左增长的货币字符串创建一个具有左对齐单元格的表格?

Question

几个小时以来，我一直在尝试修改我的表格以使其看起来正确，但我就是找不到一种聪明的方法。

这是它的样子：https://i.stack.imgur.com/EeYIH.jpg

我希望"beløb"和"Restgæld"条目左对齐，但从右对齐，即看起来像这样：

Beløb
100.000,00 Kr.
10,00 Kr.
200,00 Kr.
1.000,00 Kr.

不：

Beløb
100.000,00 Kr.
10,00 Kr.
200,00 Kr.
1.000,00 Kr.

绝对不是

Beløb
100.000,00 Kr.
10,00 Kr.
200,00 Kr.
1.000,00 Kr.

此外，表格必须填充页面的整个宽度减去边距。

这些是我的设置：

doc.autoTable(columns, data, {
addPageContent: pageContent,
margin: { top: 200 },
columnStyles: {
Beløb: {
halign: 'right'
},
Restgæld: {
halign: 'right'
}
},
headerStyles: { fillColor: [131, 149, 160] }
});

我尝试手动设置列宽，但这给了我同样的问题。我正在考虑将数据右对齐并手动将列宽设置为最大数字的大小。我的问题是桌子太短了。我认为一个解决方案是添加一个空的占位符列，该列将跨越页面的其余部分，但我认为这种方法使代码对于它来说太复杂了。有没有更聪明的方法？也许一些允许您设置列之间的间距的设置？

Answer 1

您想要在要适合内容的列上设置样式columnWidth: 'wrap';。目前，它们设置为默认auto如果有可用空间，这将使它们展开。

Answer 2

同时使用两者

headerStyles: {theme: 'grid',halign: "right"}和columnStyles: {halign: "right"}