动态页码-目录-HTML打印输出

Question

我一直在努力通过JavaScript文件创建目录，该目录的第二页具有动态页码。

// Table of contents
printWindow.document.write('<table style="width: 100%"><tr><td>Report summary</td><td>Page 2</td></tr>');
printWindow.document.write('<tr><td>Recommendations</td><td>Page 5</td></tr>');
printWindow.document.write('<tr><td>Section breakdown</td><td>Page 8</td></tr>');
printWindow.document.write('</table></section>');

当打印出Web报告时，“建议”部分可以长达两到三页。整个报告的打印输出都是在此js文件中创建的-因为它将来自多个网页的内容组合到一个打印输出中。

页面标题看起来都与此类似：

printWindow.document.write('<h1 id="summary" style="page-break-before: always;">Report summary</h1>');

我尝试了以下方法： https://css-tricks.com/automatic-table-of-contents/ https://alistapart.com/article/boom

后者相当老，似乎依赖于Prince工具。宁愿避免这种依赖。请帮忙！让我知道您是否需要更多信息。