Скрыть текст currentPageReportTemplate из <p:dataTable> при печати
-
20-12-2019 - |
Вопрос
Я хочу скрыть текст currentPageReportTemplate, когда я нажал кнопку для печати.Мне нужно только распечатать изображение 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" />
Решение
Вы можете достичь этого с помощью CSS @media
правила.Просто создайте @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;
}
Не связан с StackOverflow