Vaadin 导出为 pdf

Question

我必须修复导出为 pdf 的报告的错误页面布局。在某些浏览器中，您可以看到在某些您看不到的行周围的框架。我试图检查 css 样式，但它似乎并没有在那里配置。谁能建议在哪里寻找框架不起作用的原因？
我实际上发现问题出在分页符设置中。我尝试使用

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

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

但这并不能解决 problem.But 我已经很接近解决方案了。 Html 由 Vaadin 生成。所以没有办法（至少我知道如何在 html... 中调整表格）

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

如何指定我想避免 innerTable 中的这种中断？

Answer 1

终于解决了！我所要做的就是为顶部和底部添加边距，然后指定：

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

原来 class 为 CSS 命名 int HTML 并不是一个非常幸运的解决方案。但现在可以了。

Vaadin 导出为 pdf

Vaadin export to pdf

pdf

export

vaadin