如何居中对齐 table - PDFMAKE

Question

我可以使用 PDFMAKE 创建一个 table 居中对齐（页面）吗？

已定义对齐方式："center" 在样式和标签内 table：{}

{
              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"
              }
            }

我希望有一个 table 对齐在页面的中央。

Answer 1

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: '' },
    ]
}

Answer 2

它与 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);

如何居中对齐 table - PDFMAKE

How to center align table - PDFMAKE

vue.js

pdfmake