如何居中对齐表格-PDFMAKE

时间:2019-09-16 02:03:07

标签: vue.js pdfmake

我可以使用PDFMAKE创建一个中心对齐(页面)的表格吗?

已经定义的对齐方式:“样式”中的“居中”和标签表内部:{}

{
              table: {
                width: "auto",
                body: [
                  [
                    { text: "PERÍODO", style: "tableHeader" },
                    { text: "VOLUME (MW médios)", style: "tableHeader" }
                  ],
                  ["{7} a {8}", "{9}"],
                  ["{10} a {11}", "{12}"],
                  ["{13} a {14}", "{15}"]
                ],
                alignment: "center"
              }
            }

我希望一张桌子在页面中心对齐。

2 个答案:

答案 0 :(得分:3)

alignment:"center"仅使列的内容居中对齐。您可以尝试以下操作:

{
    columns: [
        { width: '*', text: '' },
        {
            width: 'auto',
                table: {
                body: [
                  [
                    { text: "PERÍODO", style: "tableHeader" },
                    { text: "VOLUME (MW médios)", style: "tableHeader" }
                  ],
                  ["{7} a {8}", "{9}"],
                  ["{10} a {11}", "{12}"],
                  ["{13} a {14}", "{15}"]
                ],
                alignment: "center"
                }
        },
        { width: '*', text: '' },
    ]
}

答案 1 :(得分:-1)

它与pdfmake-wrapper一起使用:

pdf.add(new Columns(
                    [new Txt("").width('*').end,
                    new Table([
                                [ 'column 1', 'column 2'],
                                [ 'column 1', 'column 2']
                              ]).width('auto').layout('noBorders').end,
                    new Txt("").width('*').end ]
                   ).end);