滚动基于DOM的生成PDF

时间:2017-12-12 12:37:57

标签: pdf dom kendo-ui

嗨这是我对stackoverflow的第一个问题。在我的项目中,我们需要基于DOM生成PDF。有多个要求,我们使用了剑道。 PDF是从Bootstrap页面生成的,因为bootsrap3没有正式支持打印版本,因此存在许多UI问题。由于Boostrap偏移类现在已经排序,因此存在重叠和表宽度问题,内容从屏幕上消失。还有一个任务客户问我们可以将滚动应用于pdf吗?我们有网格和大量列。在浏览器上,每个人都知道我们可以通过应用水平滚动来管理它,用户可以通过滚动来查看其余数据。

根据我的经验,我没有看到这样的例子,但仍然要求是否有可能为生成的PDF实现滚动,其中我们有大量列的网格?

1 个答案:

答案 0 :(得分:0)

PDF内容布局是静态的,并且没有项目的滚动条,例如其中的表格。所以,没有可能。

当网格太宽时,您必须决定如何为“打印输出”页面拆分网格布局。例如,假设您的网格需要六页以适合pdf

pdf中的页面可以来自此行方式布局

A wide grid
+---+---+---+
| 1 | 2 | 3 |
+---+---+---+
| 4 | 5 | 6 |
+---+---+---+

或此列式布局

A wide grid
+---+---+---+
| 1 | 3 | 5 |
+---+---+---+
| 2 | 4 | 6 |
+---+---+---+

您选择的是,pdf阅读器中的内容看起来像

A wide grid (direction-wise)
+---+
| 1 |
+---+
... pages 2 to 5 ...
+---+
| 6 |
+---+

如果内容变化很大,那么在接收Excel内容而不是PDF时销售客户端可能更容易,而不是尝试将自己的网格编码为pdf布局引擎。

如果网页只是网格,您还可以考虑使用电子表格组件,该组件具有按列呈现的pdf下载功能。