angular - 当我在 IONIC3 中有包含许多项目的可滚动内容时无法打印整个页面
问题描述
我使用 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>
生成pdf函数
generatePDF(){
cordova.plugins.printer.print();
}
传入报告.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; }
}
解决方案
推荐阅读
- java - Java 10 和 Mac 应用程序菜单
- ios - UICollectionView - 单元格不应滚动到视图之外
- android - 为底部选项卡添加阴影
- logstash - 过滤以使用 grok 从多行中提取数据
- android - 以编程方式创建文件夹后如何更新文件系统?
- ios - 如何快速获取 iphone 设备本地存储的文档 [pdf,docx,doc,xlsxl]
- java - 使用 asynchttpclient 作为 maven 项目发送异步发布请求并运行
- django - Django 自定义查询集
- c# - tcp客户端和服务器同时进行
- matlab - MATLAB | 试图访问 x(0);索引必须是正整数或逻辑