带有PDFMake的嵌套/子表

时间:2016-09-12 16:30:16

标签: pdfmake

如何在PDFmake中使用嵌套/子表?我尝试过简单地放入多个表格,但这并不会自动重复顶级表格的分页符。

2 个答案:

答案 0 :(得分:0)

此代码是使用子表的简化示例。它改编自pdfmake playground的表格部分(通过Google搜索很容易找到)。

将以下内容粘贴到:http://pdfmake.org/playground.html

// playground requires you to assign document definition to a variable called dd

var dd = {
    content: [

                { text: 'A simple table with nested elements', style: 'subheader' },
                'It is of course possible to nest any other type of nodes available in pdfmake inside table cells',
                {
                        style: 'tableExample',
                        table: {
                                headerRows: 1,
                                body: [
                                        ['Column 1', 'Column 2'],
                                        [
                                                {
                                                        stack: [
                                                                'Let\'s try an unordered list',
                                                                {
                                                                        ul: [
                                                                                'item 1',
                                                                                'item 2'
                                                                        ]
                                                                }
                                                        ]
                                                },
                                                [
                                                    'or a nested table',
                                                    {
                                                        table: {
                                                            body: [
                                                                [ 'Col1', 'Col2', 'Col3'],
                                                                [ '1', '2', '3'],
                                                                [ '1', '2', '3']
                                                            ]
                                                        },
                                                    }
                                                ]
                                        ]
                                ]
                        }
                },

    ]

}

答案 1 :(得分:0)

我需要实现几乎与上述类似的功能。我已经尝试了很多,但是没有做好。如何创建一个将使用pdfmake生成pdf输出的json数组?我需要在一个表中创建一个表:

var dd = {
  content: [
    {
      text: 'A simple table with nested elements',
      style: 'subheader'
    },
    'It is of course possible to nest any other type of nodes available in pdfmake inside table cells',
    {
      style: 'tableExample',
      table: {
        headerRows: 1,
        body: [
          ['Column 1', 'Column 2'],
          [
            [
              'or a nested table',
              {
                table: {
                  body: [
                    [ 'Col1', 'Col2', 'Col3'],
                    [ '1', '2', '3'],
                    [ '1', '2', '3']
                  ]
                },
              }
            ]
          ]
        ]
      }
    },
  ]
}