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,效果非常好