js打印分页、加标题、每页控制条数

js打印分页、加标题、每页控制条数

1.<body加入以下内容>
<input class=“btn btn-primary btn-sm” type=“button” value=“打印信息” id="btn_tj"οnclick=“js_print()”>

    <c:forEach items="${tjxx}" var="item" varStatus="status"><c:if test="${ (status.index )%12==0}"><table class="table table-striped table-striped table-bordered table-hover"  id="maintable"><tr align="center">  <h2 align="center">考生花名表</h2></tr><br><tr align="center"><p align="left"><span>${item.dsmc }</span>&nbsp;<span >${item.kxmc }</span>（盖章）</p></tr><tr align="center"><p><span align="left">学校（考试部门）负责人签名____________  确认负责人签名____________</span></p>        </tr></c:if><!-- <span align="right">&nbsp&nbsp&nbsp年&nbsp&nbsp&nbsp月&nbsp&nbsp&nbsp日</span></p> -->     <c:if test="${ (status.index )%12==0}"><tr align="center">                          <th style=" align:center;">考生号</th><th style=" align:center;">姓名</th><th style=" align:center;">身份证号</th><th style=" align:center;">毕业学校</th><th style=" align:center;">所学专业</th><th style=" align:center;">报考类型</th><th style=" align:center;">备注</th></tr></c:if><tr align='center'>                                        <td style="vertical-align: middle;">${item.ksh }</td><td style="vertical-align: middle;">${item.xm }</td><td style="vertical-align: middle;">${item.sfzh }</td><td style="vertical-align: middle;">${item.kxmc }</td><td style="vertical-align: middle;">${item.zzsxzymc }</td><td style="vertical-align: middle;">${item.klmc }</td><td style="vertical-align: middle;"></td>             </tr>         <tr align="center">    </tr><c:if test="${ (status.index + 1)%12==0}"></table><h5 align="center">------第${Math.round((status.index+1)/12) }页-------</h5><div  style="page-break-before:always;"><br/></div></c:if> </c:forEach><!--endprint-->

2.打印js
function js_print() {
print.portrait=false;//横向打印
bdhtml=window.document.body.innerHTML;
sprnstr=" ";
eprnstr=" ";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+18);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
//window.document.body.printContainer=true,
window.print();
window.document.body.innerHTML=bdhtml;
//javascript:location.reload();
}

3.页面展示

js打印分页、加标题、每页控制条数相关推荐

oracle分页查询加总数,oracle count 百万级分页查询记要总数、总条数优化
oracle count 百万级分页查询记录总数.总条数优化 oracle count 百万级查询记录总数.总条数优化最近做一个项目时,做分页时,发现分页查询速度很慢,分页我做的是两次查询,一次 ...
dedecms教程：搜索页显示条数更改
熟悉织梦模板的朋友都知道,织梦的默认模板在/templets/default中,我们想更改模板内容直接在这里更改就可以了,很方便.但在更改搜索页面的模板search,htm时却经常出现一个问题.搜索页 ...
js 打印的一些技巧去除页眉页脚,主动分页
1.页眉页脚可以简单点用css来实现下拉把以下代码粘贴到页面里就可以了测试对于ie firefox chrome兼容都还不错 <style media="print"&g ...
html每页显示条数,在网页代码中设置调用显示条数
123456qqq 如果控制不了服务器想客户端js控制用这个 {"onlinetime":"2018-06-26 23:50:02","onlinen ...
新浪微博搜索每页微博条数修改 50条 100条
搜索设置页面: http://s.weibo.com/preferences 编辑html代码: <option value="50" suda-data="key ...
jeecg t:datagrid标签每页显示条数扩展
1.标签属性中有 pageSize 可以修改 2,直接改源码 org.jeecgframework.tag.core.easyui 包下DataGridTag 1544行
js简单分页，只有上一页和下一页
/*制作分页*参数分别为,目标位置id,数据总数,当前页,每页显示条数,回调函数(即,点击分页按钮触发的方法)*其中class为pagebar_1和pagebar_2的区别是能上一页和下一页能否点击, ...
纯JS前端分页方法（JS分页）
1.JS分页函数:开发过程中,分页功能一般是后台提供接口,前端只要传page(当前页码)和pageSize(每页最大显示条数)及对应的其他查询条件,就可以返回所需分页显示的数据. 但是有时也需要前端本 ...
js打印三角形超详解
js打印三角形超详解 j控制星星的总行数,i控制每行星星的打印个数打印图形如下: (1) (2) //str=""用来存储星星// 理解步骤1:在一行输出6个星星如何操作,在循环 ...

js打印分页、加标题、每页控制条数

js打印分页、加标题、每页控制条数相关推荐

最新文章

热门文章