javascript - 将 HTML 表格拆分成列组

Question

我想将非常宽(并且可能很高)的 HTML 表格打印为 PDF。这些表格是使用 Javascript 中的 Handlebars 模板生成的，将 HTML 转换为 PDF 的部分是基于 Spring 的 Java 服务器，它使用的是 Flying Saucer。

我知道，通常，打印是使用单独的 print.css 文件完成的，将纸张设置为横向等。但是，我一直无法想出一种拆分方法垂直表格。

所以我认为这里可以做的是将大表格打印为例如 A4 页面的 2x2 数组。

看起来像这样的表格:

+----+----+----+----+----+----+
|____|____|____|____|____|____|
|____|____|____|____|____|____|
|____|____|____|____|____|____|
|____|____|____|____|____|____|

在进入打印机之前(或在放入 PDF 之前)应该变成这样:

Page 1             Page 2
+----+----+----+   +----+----+----+
|____|____|____|   |____|____|____|
|____|____|____|   |____|____|____|

Page 3             Page 4
+----+----+----+   +----+----+----+
|____|____|____|   |____|____|____|
|____|____|____|   |____|____|____|

作为附加约束，表头可能有些复杂，具有一些 colspan="x" 和 rowspan="2" 属性。它永远不会超过 2 行标题，但第一行的“分组”列可以跨越第二行的 2 列以上，例如

+-----------------------------------------------------------------------+
|                       |    Group1     |       |       Group2          |
| Head1 | Head2 | Head3 | Head4 | Head5 | Head6 | Head7 | Head8 | Head9 |

实际问题

考虑到所有这些，除了使用 jQuery 之类的东西遍历列，将表分解成更小的表(同时考虑到不分解列组)并将分解的行附加到相应的子表？

Answer 1

我一直在研究如何做到这一点，据我所知，如果不使用大量 JavaScript 来进行大量操作，就无法做到这一点。

这里的第一个答案是我将要用作起点的答案: Print a very wide HTML table without clipping right hand side

希望对您有所帮助。