Vaadin導出爲pdf

我必須修復導出爲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這個突破？

來源

2016-11-07 palyxk

請添加您用來顯示問題的代碼。到目前爲止，沒有人能夠從描述中回答這個問題（除非我們來到您的計算機並親自查看）。 – cfrick

PDF是在服務器端還是在客戶端生成的？ –

我終於解決了！所有我要做的就是增加對頂部和底部邊緣，然後指定此：

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

原來的類命名INT HTML對CSS wasn't正好幸運的解決方案。但現在它起作用了。

來源

2016-11-09 12:18:26 palyxk

Vaadin導出爲pdf

回答

相關問題