隱藏currentPageReportTemplate文本<p:dataTable>打印時

Question

我想隱藏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" /> 

Answer 1

您可以通過CSS @media rules來實現此目的。只需創建一個@media print規則，其中您可以放置​​所有CSS選擇器，這些選擇器在使用打印介質時應該能夠實現必要的look'n'feel。分頁符由ui-paginator classname標識，因此如果您將其設置爲display: none，那麼它將被隱藏在打印中。

把這個地方放在一個CSS文件中，通常底部是最好的地方。

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

另外，您還可以使用

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

與只包含

.ui-paginator { 
    display: none; 
} 

單獨 print.css文件