2013-11-15 1 views
1

Я хочу скрыть текст currentPageReportTemplate, когда я нажал кнопку для печати. Мне нужно только распечатать образ данных.Скрыть текущийPageReportTemplate текст <p:dataTable> при печати

<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" /> 

ответ

0

Вы можете достичь этого с помощью CSS @media rules. Просто создайте правило @media print, в котором вы помещаете все селектора CSS, которые должны обеспечить необходимый внешний вид при использовании носителя печати. Paginator идентифицируется с помощью имени класса ui-paginator, поэтому, если вы просто установите его на display: none, он будет скрыт в печати.

Поместите это где-нибудь в файл CSS, как правило, нижнее - лучшее место.

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

В качестве альтернативы, вы можете также использовать

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

с отдельным print.css файл, содержащий только

.ui-paginator { 
    display: none; 
} 
Смежные вопросы