如何将 PrimeFaces p:dataTable 转换为标准 h:dataTable（无皮肤）然后打印

Question

我想打印 ，所以我使用 ，但我想跳过打印皮肤并使其看起来像。我该怎么做？

另外，是否可以更改打印的纸张方向？我想将其打印为横向而不是纵向。

<h:outputLink id="lnk" value="#">   
    <p:printer target="tbl" />  
    <p:graphicImage value="http://www.primefaces.org/showcase/images/print.png" /> 
</h:outputLink>

我在 标记中没有找到任何合适的属性。

---

更新：抱歉，没关系 也可以在 上使用，所以您可以也只回答第二个问题而已。

Answer 1

这两个问题都可以通过 CSS @media print 规则来回答。它允许您指定特定于打印输出的 CSS 样式。您可以按照通常的方式将这些规则嵌入到普通的 CSS 样式表文件或

---

我想打印 ，所以我使用 ，但我想跳过打印皮肤并使其看起来像 。我该如何做到这一点？

查找 的类名并在您的 @media 规则中覆盖它：

 @media print {
     .primeFaces-dataTable-className {
         border: 0;
         margin: 0;
         padding: 0;
         background: none;
         color: black;
     }
 }

可能还有更多，我不知道这一切，您应该能够使用 Firebug 或 Chrome 开发人员工具检查使用了哪些类名以及设置了哪些属性，以便您知道应该将哪些重置为 0，<代码>无或一些其他默认。

---

另外，是否可以更改打印的纸张方向？我想将其打印为横向而不是纵向。
使用 CSS。

根据 CSS 2.1，您可以按如下方式指定它：

@media print {
    @page {
        size: landscape;
    }
}

但是，这具有浏览器特定的障碍，FF 和 MSIE <=7 中不支持它。有关解决方法，请检查此问题已接受的答案：从 HTML 进行横向打印