如何使用 pdfmake 制作 table 的内容？

Question

是否可以使用 pdfmake 制作 table 内容 (TOC)？该库将为我生成 PDF，但我不知道某个对象将在哪个页面上呈现。当然这取决于页面大小、方向等。有些内容会流到下一页。我看不到如何提前计算一章结束的位置。

考虑这个文档定义：

var dd = {
    footer: function(currentPage, pageCount) { return currentPage.toString() + ' of ' + pageCount; },
    content: [
        'Table of contents\n\n',
        'Chapter 1 ....... ?',
        'Chapter 2 ....... ?',
        'Chapter 3 ....... ?',
        'Chapter 4 ....... ?',
        {
            text: '',
            pageBreak: 'after'
        },
        {
            text: 'Chapter 1: is on page 2',
            pageBreak: 'after'
        },
        {
            stack: [
                'Chapter 2: is on page 3\n',
                'A LOT OF ROWS 2\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n',
                'A LOT OF ROWS 2\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n',
                'A LOT OF ROWS 2\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n',
                'A LOT OF ROWS 2\nWill go to the next page if this line contains a lot of text. Will go to the next page if this line contains a lot of text. Will go to the next page if this line contains a lot of text.'
                ],
            pageBreak: 'after'
        },
        {
            text: 'chapter 3: is on page 5',
            pageBreak: 'after'
        },
        {
            text: 'chapter 4: is on page 6'
        },
  ]
}

最简单的测试方法是在 playground 中粘贴这个 dd 对象：http://pdfmake.org/playground.html

关于如何创建目录有什么想法吗？

Answer 1

虽然直到最近才支持此功能，但您现在可以这样做

var docDefinition = {
  content: [
    {
      toc: {
        // id: 'mainToc'  // optional
        title: {text: 'INDEX', style: 'header'}
      }
    },
    {
      text: 'This is a header',
      style: 'header',
      tocItem: true, // or tocItem: 'mainToc' if is used id in toc
      // or tocItem: ['mainToc', 'subToc'] for multiple tocs
    }
  ]
}

来源：https://github.com/bpampuch/pdfmake#table-of-contents

请注意，这在最近的 0.1.28 版本中还没有。但我想它将包含在下一个中，同时您可以轻松地从源代码构建：

git clone https://github.com/bpampuch/pdfmake.git
cd pdfmake
npm install # or: yarn
git submodule update --init  libs/FileSaver.js
npm run build # or: yarn run build

来源：https://github.com/bpampuch/pdfmake#building-from-sources

我可以确认上面的 ToC 示例在那种情况下是有效的，只要你有至少一个 tocItem。由于目录 table.

为空，零 tocItem 和 toc 当前将引发异常

如何使用 pdfmake 制作 table 的内容？

How to make a table of contents using pdfmake?

javascript

pdfmake