使用phantomjs打印到pdf时不显示表格

时间:2016-09-28 09:01:24

标签: css angularjs phantomjs

我正在使用phantomjs从我的应用程序中生成报告。我有一个应用程序,以图形和表格的形式提供数据。它是一个有角度的应用我用npm安装了phantomjs。当我在开发模式下运行应用程序时,我看到所有内容(图形和表格)都打印为pdf。但是,一旦我创建了应用程序的二进制文件然后尝试打印到pdf,我看到所有图形都被打印但不是表格。这是相关的HTML代码:

<div  ng-style="{'height': type=='table' ? '100%' : '575px',width:'1150px' }" 
            class="ng-scope ng-isolate-scope" style="height: 100%; width: 1150px;">
    <div ng-style="{'overflow-y': printReport ? 'hidden' : 'auto',height: printReport ? '100%' : '1px' }" 
         style="overflow-y: hidden; height: 100%;">
      <!-- code to display tables or graphs goes here -->
    </div>
</div>

添加到此,

  1. 在上面的代码中,当我在&#39; px&#39;中定义高度时(比如1000px)打印所有内容(二进制和开发服务器)。

  2. 在上面的代码中,当我使用百分比作为高度(在这种情况下使用100%)表格不会在报告中打印。在运行开发服务器或二进制文件时使用相同的代码,但在使用二进制文件时不打印表。

0 个答案:

没有答案