Не удается распечатать всю страницу, когда у меня есть прокручиваемый контент со многими элементами в IONIC3 - PullRequest
Новая
       28

Не удается распечатать всю страницу, когда у меня есть прокручиваемый контент со многими элементами в IONIC3

0 голосов
/ 18 октября 2019

Я использовал Cordova Print Plugin для печати таблицы с прокручиваемым содержимым. Я хочу напечатать эту страницу с помощью кнопки печати на устройстве Android. Но когда я это делаю, я получаю содержимое только одной страницы.

Следующие страницы не отображаются.

Пожалуйста, помогите мне.

Я уже пытался добавить медиазапросы.

Входящий отчет.html 

<ion-header>

  <ion-navbar>
    <ion-title>{{'Incoming Report' | translate}}</ion-title>
  </ion-navbar>

</ion-header>
<ion-content>

    <ion-row class="button-print">
        <ion-col col-3></ion-col>
        <ion-col col-6 style="text-align: center;"> <button ion-button color='danger' (click)="generatePDF()">Print Report</button></ion-col>  
         <ion-col col-3></ion-col>
         </ion-row>

        <div> ......Here is my content</div>
  </ion-content>

Функция Generatepdf 

generatePDF(){

  cordova.plugins.printer.print();


}

IncomingReport.scss 

@media print{
                ion-header{ display: none !important; }  
                .button-print{ display: none !important; }



                body, .app-root, .split-pane, .ion-page, ion-app, ion-nav { contain: none; }
                body, ion-nav{ overflow: initial; }
                body{ position: static; }

                ion-content{ overflow-y: visible !important; 

                    position: relative; }
              }
...