pdfmake如何在一列中添加多个元素

Question

我正在尝试使用 pdf make 生成 pdf 文件。但是当我定义一列时，我不能向该列添加多个元素。我想添加一个 table 和一个单独的文本。但是文本没有出现在生成的pdf文件中。

这是我的代码。

columns: [
              {
                text: `Timesheet${timesheet}\n`
              },
              {
                text: `Rate${rate}\n\n`
              },
              {
                text: "Amount Due",
                table: {
                  body: xyz
                }
              }
            ]

此处显示 table，但未显示文本 应付金额。

我该如何解决这个问题？

Answer 1

您可能想要使用 stack，这样您就可以在同一列中添加多个元素。

var dd = {
content: [
    {
        columns: [
          {
            text: `Timesheet\n`
          },
          {
            text: `Rate\n\n`
          },
          {
            stack: [
                {text: "Amount Due"},
                {table: {
                    body: [
                        ["one", "two"],
                        ["three", "four"]
                        ]
                }}
            ]
          }
        ]
    }
]

}

Answer 2

您可以在列中设置对象数组（而不是对象的对象），如下所示：

columns: [
              {
                text: `Timesheet${timesheet}\n`
              },
              {
                text: `Rate${rate}\n\n`
              },
              [
                {text: "Amount Due"},
                {table: {
                  body: xyz
                }}
              ]
            ]

pdfmake如何在一列中添加多个元素

pdfmake how to add more than one element in a column

javascript

pdf-generation

makepdf