2016-11-07 131 views
0

我必须修复导出为pdf的报告页面布局。在某些浏览器中,您可能会看到在某些行中出现了一些不适合的行。我试图检查CSS风格,但它似乎没有配置在那里。任何人都可以建议在哪里寻找框架不起作用的原因?
我实际上发现问题出现在分页设置中。我试图使用Vaadin导出为pdf

@media print{ 
       #tableWrapper{page-break-inside: avoid;} 
       } 
      .innerTable{ 

        margin-bottom: 15; 
       page-break-inside: avoid; 
      } 

但是,这不会解决问题。但它是尽可能接近我可以解决。 Html由Vaadin生成。因此,有没有办法(在,我知道如何调整在HTML ...表至少)

<table class="mainTable"> 
<tr><td/><td/>...<tr/> 
<table class="innerTable"> 
<th><th/> 
<tr><td/><td/><tr/> 
</table> 
</table> 
</table> 

如何指定我想避免内部innerTable这个突破?

+0

请添加您用来显示问题的代码。到目前为止,没有人能够从描述中回答这个问题(除非我们来到您的计算机并亲自查看)。 – cfrick

+0

PDF是在服务器端还是在客户端生成的? –

回答

0

我终于解决了!所有我要做的就是增加对顶部和底部边缘,然后指定此:

 @media print { 
     .mainTable { 
      page-break-inside: avoid; 
        } 
     .innerTable, .mainTable tr { 
     page-break-inside: avoid; 
        } 

原来的类命名INT HTML对CSS wasn't正好幸运的解决方案。但现在它起作用了。