当前位置:首页 > 开发 > Web前端 > 前端 > 正文

window.print分页打印

发表于: 2013-05-09   作者:ctrain   来源:转载   浏览:
摘要: function init() { var tt = document.getElementById("tt"); var childNodes = tt.childNodes[0].childNodes; var level = 0; for (var i = 0; i < childNodes.length; i++) {
function init() {
    var tt = document.getElementById("tt");
    var childNodes = tt.childNodes[0].childNodes;
    var level = 0;
    for (var i = 0; i < childNodes.length; i++) {
        var topHeight = childNodes[i].offsetTop - childNodes[i].scrollTop;
        var pageHeight = topHeight - level;
        //暂定高度为850px时进行分页,高度大于850px,则该tr被分到下一页
        //appendBefore
        if (pageHeight > 850) {
            var pageTr = document.createElement("tr");
            pageTr.style.pageBreakAfter = "always";
            var tmpTr = document.createElement("tr");
            childNodes[i].parentNode.insertBefore(tmpTr, childNodes[i]);
            childNodes[i].parentNode.insertBefore(pageTr, childNodes[i]);
            level = childNodes[i - 1].offsetTop - childNodes[i - 1].scrollTop;
            console.log("当前level为:" + topHeight + ", 当前tr索引为:" + (i + 1));
        }
    }
}

window.print分页打印

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
如图,我们要打印主页面中 工单详情部分。 但是由于要打印的部分有样式,并且表格太宽,如果 要直接
如图,我们要打印主页面中 工单详情部分。 但是由于要打印的部分有样式,并且表格太宽,如果 要直接
如图,我们要打印主页面中 工单详情部分。 但是由于要打印的部分有样式,并且表格太宽,如果 要直接
在打印报表的时候经常会用到分页,本文的报表是连续的多个报表按顺序排列的,其中每个报表由三部分
引言 有段时间没有更新文章了,最近一段时间一直没有时间去写点东西,因为在项目后期,很多地方需
欢迎访问java技术交流学习社区资源论坛 http://www.javadt.com 该文章转载自 http://javadt.com/for
7 打印
system.drawing.printing 命名空间 printerSettings 打印机设置类 PageSettings 页面设置类 PrintPa
Silverlight打印解决方案2.1正式发布 Silverlight打印解决方案2.0已发布 2.0新特性: 页头、页体和
此次版本更新,主要是针对用户的反馈意见进行的。本着尽量多写Demo,少写文档的原则。毕竟文档千言
此次版本更新,主要是针对用户的反馈意见进行的。本着尽量多写Demo,少写文档的原则。毕竟文档千言
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号