Javascript 打印数据表-新页面

Javascript 打印数据表-新页面,javascript,css,jsf,primefaces,printing,Javascript,Css,Jsf,Primefaces,Printing,我正在尝试使用javascript和css打印数据表,如下所示: <h:commandButton value="#{portal.btnPrint}" type="submit" onclick="javascript: window.print();"/> <p:dataTable id="tbl" var="item" value="#{myPrins.model}" ... ... </p:dataTable> @media print { tabl

我正在尝试使用
javascript
css
打印数据表,如下所示:

<h:commandButton value="#{portal.btnPrint}" type="submit" onclick="javascript: window.print();"/>

<p:dataTable id="tbl" var="item" value="#{myPrins.model}" ...
...
</p:dataTable>

@media print
{
  table { font-size: 80%; }
  #menu, #header, #form, #form_error { display: none; } 
  @page { size: A4 landscape !important; }
  ....
  ....
}


应急解决方案

  • Mozilla Firefox
  • css:
    @media print{tr{内部分页符:避免!重要;}}
新问题和优势

  • 页眉自动显示在每页上
  • 表格边框向左和顶部移动一点(从第2页开始)
  • =>我必须将表格的上边框和左边框加厚一点,以便在下一页中可以看到:

    css:
    @media print{table{border top:3px solid}


重复?什么是MFF?(谷歌没有关于webdevelopment的结果)我猜MFF代表Mozilla FireFox。您最好的选择是使用CSS或使用适当的库来打印网页,如wkhtmltopdf.ahhh。。。正当MFF。。。但如果这些只在MFF中工作,而不是在基于webkit的浏览器中工作,wkhtmltopdf会工作吗?我个人使用flyingsaucer,效果非常好