如何使用jspdf-autotable創建一個表格，該表格的左對齊單元格用於從右向左遞增的貨幣字符串？

Question

我一直在試圖修改我的表幾個小時，以使其看起來正確，但是我只是找不到一種聰明的方法。

它是這樣的： 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] }
});

我嘗試過手動設置列寬，但這給了我同樣的問題。 我當時想對數據進行右對齊，然后手動將列寬設置為恰好最大數字的大小。 我的問題是表格太短了。 我認為解決方案是添加一個空的占位符列，該列將跨頁面的其余部分，但是我認為此方法會使代碼本身變得過於復雜。 有沒有更聰明的方法？ 也許有一些設置可以讓您設置列之間的間距？

Answer 1

您要設置樣式columnWidth: 'wrap'; 在您要適合內容的列上。 當前，它們被設置為默認auto ，如果有可用空間，它將使它們擴展。

Answer 2

同時使用

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