如何在 pdfmake 中创建 table 页脚

Question

有没有办法在 pdfMake 中创建 table 页脚？我有一个很大的 table，只能放在多个页面上。我想在每个页面上重复 table 页脚。

Answer 1

好像还没有实现：https://github.com/bpampuch/pdfmake/issues/620

Answer 2

将此添加到您的文档中：

footer: {
    columns: [ 
        '',
        { 
            alignment: 'right',
            text: 'Footer text'
        }
    ],
    margin: [10, 0]
}

Answer 3

我终于知道怎么做了。 (1.) 将您当前的 "headerRows" 计数增加 1。 (2.) 将页脚行放在 header 行和数据行之间。 (3.) 将页脚行的 marginTop 设置为略小于页面高度。 (4.) 将页脚行的 marginBottom 设置为 ((marginTop + height of row) * -1).

这会将 table 的 space 之外的 table 页脚推入页面的页脚 space。

示例：

table: { headerRows: 2, widths: [700], body: [
  [{ text: 'My Header' }],
  [{ marginTop: 480, marginBottom: -490, text: 'My Footer' }], //480 roughly fits Landscape-Letter
  [{ text: 'My Data Row 1' }],
  [{ text: 'My Data Row 2' }],
  // more data rows
  [{ text: 'My Data Row N' }]
]}

Answer 4

试试这个页脚

 footer: function (currentPage, pageCount) {
        return currentPage.toString() + " of " + pageCount;
      },

或

  footer: {
        columns: [
          'Report generated on 8/30/2021 6:02:31PM',
          { text: 'Page 1 of 2', alignment: 'right' },
          // { text: 'Developed by KRATOS Fitness Software ', alignment: 'left' },
        ],
      },

  footer: {
          columns: [
              'Report generated on 8/30/2021 6:02:31PM',
              'Developed by XYZ Fitness Software',
              {
                  alignment: 'right',
                  text: 'Page 1 of 2'
              },
              {
                alignment: 'right',
                text: 'www.xyz.com'
            },
          ],
          margin: [60, 10, 60, 10 ]
      },

工作正常

如何在 pdfmake 中创建 table 页脚

How to create a table footer in pdfmake

html

pdf

pdfmake

angular