amazeui分页打印

适用amazeui版本号：v2.7.2

<html>
<body>
<div class="am-u-md-12">
        
        打印区域.......
        
</div>
</body>
</html>

如果打印区域过长，打印时会自动分页，但在amazeui中，由于CSS冲突，导致无法自动分页，只能打印一页。经过反复测试，在打印时对指定区域增加CSS样式，可实现自动分页。打印后，重新加载页面数据，实现页面的正常显示。

function doPrint() {
bdhtml=window.document.body.innerHTML;
sprnstr="";
eprnstr="";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
// 必须将body的height设置为auto，否则，打印状态下无法自动分页
window.document.body.style.cssText = "height:auto";
window.print();
window.location.reload();
}

amazeui分页打印相关推荐

php可以打印一个页面,利用html实现分页打印功能的实例详解
本篇介绍利用html实现分页打印功能的实例详解,有些不想打印出来的分页打印的都可以应用这类样式进行控制在非打印时是无效的. 页面打印 /* 应用这个样式的在打印时隐藏 */ .noPrint { d ...
table的分页打印
在工作中,经常有打印报表的需求,一般<tbody>中的<tr>比较多的时候,打印机打印的时候肯定会出去分页,有的客户要求比较高,一张A4纸一定要带上表头和表尾的内容(就是< ...
js javascript js控制分页打印,打印分页
Html代码 <%@ page language="java" contentType="text/html; charset=UTF-8" page ...
npoi 设定视图为分页预览_按班级分页打印，只要两步就行，不需要再筛选复制打印了...
话说在猪爸爸幼儿园,和谐可亲的伊伊老师,最近遇上了一个小难题,每次要将各个班级的学生成绩打印出来,但是各个班级的成绩,都是放在一个工作表上,每次都需要筛选,然后把每一个班级的数据复制粘贴到其他工作表, ...
java实现分页打印功能_web 页面分页打印的实现
1．首先引入一个WebBrowser在需要打印的页面,可以直接添加: 复制代码代码如下: 到页面,或者使用javascript在需要的时候临时添加也可以: 复制代码代码如下: document.b ...
Excel表格从指定部分重新分页打印的两种方法
Excel表格现在已经成为了一个极其重要的办公工具,尤其是在数据处理方面,它可以进行各种数据的处理.统计分析和辅助决策操作,但是在日常工作中我们经常对一些功能无从下手,例如在进行表格内容打印时,需要将 ...
jqprint 分页打印_JS实现页面打印（整体、局部）
我们在网页开发过程中经常会有打印页面的需求,通过JS来实现的方法有很多,这里我做了一个整理,供大家参考. 方式一:window.print() 整体打印 1打印现在就轻松实现了页面的打印,但是这种方 ...
vue-print-nb 实现页面打印（含分页打印）
Web 实现页面打印安装官网地址:https://github.com/Power-kxLee/vue3-print-nb // 安装打印组件 npm install vue-print-nb ...
Excel VBA 合并单元格适应分页打印
1. 先ALT+F11 2. 在打开的页面菜单中点击<插入>-<模块>,然后将下面的代码粘贴进去 Sub 重组跨页合并() '将跨页的合并单元格重新合并从而适应分页打印Dim ...

amazeui分页打印

amazeui分页打印相关推荐

最新文章

热门文章