2

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

这就是它的样子：http: //imgur.com/a/oK8O1

我希望“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] }
});

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

4

2 回答 2

0

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

于 2017-07-09T15:54:29.013 回答
0

两者都使用

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

于 2018-10-09T07:26:39.743 回答