打印时隐藏 <p:dataTable> 的 currentPageReportTemplate 文本

【问题标题】：Hide currentPageReportTemplate text of <p:dataTable> when printing打印时隐藏 <p:dataTable> 的 currentPageReportTemplate 文本
【发布时间】：2013-11-15 16:40:55
【问题描述】：

我想在单击打印按钮时隐藏 currentPageReportTemplate 文本。我只需要打印数据表的图像。

<p:outputPanel id="outImpresion">
 <p:dataTable scrollable="false" scrollWidth="50%" styleClass="myTable"
                         var="r" value="#{indicePartidaController.listResulIndice}" 
                         sortMode="multiple" rows ="10" paginator="true" 
                         paginatorPosition="bottom" emptyMessage ="No Existe Ningún Dato para esta Consulta">
                         currentPageReportTemplate="Mostrando Partidas del {startRecord} al {endRecord} ">
</p:outputPanel>

<p:commandButton value="Imprimir" icon="ui-icon-print" ajax="false">
                            <p:printer target="outImpresion" />

【问题讨论】：

标签： jsf-2 printing primefaces datatable paginator

【解决方案1】：

您可以通过CSS @media rules 实现此目的。只需创建一个 @media print 规则，在其中放置所有 CSS 选择器，当使用打印媒体时，这些选择器应该实现必要的外观。分页器由 ui-paginator 类名标识，因此如果您只是将其设置为 display: none，那么它将在打印中隐藏。

把它放在一个 CSS 文件的某个地方，通常底部是最好的地方。

@media print {
    .ui-paginator { 
        display: none;
    }
}

或者，你也可以使用

<h:outputStylesheet name="print.css" media="print" />

使用单独的 print.css 文件，其中仅包含

.ui-paginator { 
    display: none;
}

【讨论】：