【问题标题】:Scroll on DOM based generated PDF在基于 DOM 的生成 PDF 上滚动
【发布时间】:2017-12-12 12:37:57
【问题描述】:

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

根据我的经验,我没有看到这种示例,但仍然询问是否有可能为生成的 PDF 实现滚动,其中我们有很多列的网格?

【问题讨论】:

    标签: pdf dom kendo-ui


    【解决方案1】:

    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 下载功能。

    【讨论】:

    • 感谢建议,已购买其他实现。
    猜你喜欢
    • 1970-01-01
    • 2014-10-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-03-14
    • 2011-11-27
    • 2015-04-30
    相关资源
    最近更新 更多