针对上次表格编辑的打印问题及解决方案

对于上次的表格编辑，在打印过程中存在自动分页，表格不完整的问题，如下图：

如果表格高度超过A4纸张的高度，则会对表格自动分页，无法打印出完整的表格。

对此我想了很多办法：

1.有什么办法可以让它强制不分页？

2.有什么办法可以给标签分页？

3.分割表格，让其行数固定在A4纸张高度内？

经过查询资料：1.强制不分页不可行，2.有个样式page-break-before对打印分页有用，但是在table中无法使用，除非上下结构是独立的，3.最终选择的解决方案，给定行数，给他自动分页。

选择第三个解决方案，无外乎是逻辑最麻烦的一种，因为这涉及到tr和td的rowspan的分割而且对于上次的表格编辑是嵌套的rowspan分割，更加麻烦

实现思路：1.先找到要分割的tr，在分割的时候，先将当前tr的所在月份之前的表格提取，再将之后的表格提取，接下来就是对当前要分割的tr的月份列进行分割；

　　　　　2.判断当前tr有没有月份列，如果有月分列则提取月份列，如果没有月份列则向上查找月份列，再判断是否有类别列，如果有则提取，如果没有则向上找；

　　　　   3.将所在月份的当前tr的之前的行分割给之前的表格，将当前tr的之后的行分割给之后的表格；

对照画了一张逻辑图：

下面是代码：

var prevRows = 0;
var monthPrevRows = 0;
var pc = "";
var countnum = true;
function myprint(xrows, tbl, printTitle) {//xrows是要分割的行数,tbl是传入table对象，printTitle是每页的标题
    //alert("a");
    prevRows = 0;
    monthPrevRows = 0;
    var tblRows = $(tbl).find("tbody").find("tr").length;
    if (tblRows <= xrows) {
        pc += "<div style='text-align:center;'>" + printTitle + "</div><table>" + $(tbl).html() + "</table>";
        toPrint(pc);
        return false;
    }
    var tableHead = $(tbl).find("thead");
    var xrows = parseInt(xrows);
    var tarTr = $(tbl).find("tbody").find("tr").eq(xrows - 1);
    //alert(tarTr.html());
    //获取当前子类TD
    var cTypeTd = findTypeTd(tarTr);
    //获取当前月TD
    var cMonthTd = findMonthTd(tarTr);
    /*分割月*/
    var cMonthTr = $(cMonthTd).parents("tr");
    prevRows = findPrevRows(cMonthTr, prevRows);
    var cMonthTdRowspan = $(cMonthTd).attr("rowspan");
    var cMonthTdRowspan_1 = xrows - prevRows;
    var cMonthTdRowspan_2 = cMonthTdRowspan - cMonthTdRowspan_1;

    ///
    var cMonthTd_1 = cMonthTr.find("td").eq(0).clone();
    var cMonthTd_2 = cMonthTr.find("td").eq(0).clone();
    $(cMonthTd_1).attr("rowspan", cMonthTdRowspan_1);
    $(cMonthTd_2).attr("rowspan", cMonthTdRowspan_2);
    ///

    var cMonthTr_1 = cMonthTr.clone();
    $(cMonthTr_1).find("td").eq(0).attr("rowspan", cMonthTdRowspan_1);
    var cMonthTr_2 = cMonthTr.clone();
    $(cMonthTr_2).find("td").eq(0).attr("rowspan", cMonthTdRowspan_2);
    //prevRows = 0;
    /*分割类*/
    var cTypeTr = $(cTypeTd).parents("tr");
    //alert(cTypeTr.html());
    monthPrevRows = findPrevRows(cTypeTr, monthPrevRows);
    var cTypeTdRowspan = $(cTypeTd).attr("rowspan");
    var cTypeTdRowspan_1 = xrows - monthPrevRows;
    var cTypeTdRowspan_2 = cTypeTdRowspan - cTypeTdRowspan_1;
    //alert(cTypeTd.html());


    if (prevRows != monthPrevRows) {
        var cTypeTr_1 = cTypeTr.clone();
        $(cTypeTr_1).find("td").eq(0).attr("rowspan", cTypeTdRowspan_1);
        var cTypeTr_2 = cTypeTr.clone();
        $(cTypeTr_2).find("td").eq(0).attr("rowspan", cTypeTdRowspan_2);
    } else {
        var cTypeTr_1 = cMonthTr_1;
        $(cTypeTr_1).find("td").eq(1).attr("rowspan", cTypeTdRowspan_1);
        var cTypeTr_2 = cMonthTr_2;
        $(cTypeTr_2).find("td").eq(1).attr("rowspan", cTypeTdRowspan_2);
    }
    //alert(monthPrevRows + "|" + prevRows);
    /*分割行*/
    var tbody_1 = document.createElement("tbody");
    for (var i = 0; i < prevRows; i++) {
        var itr = $(tbl).find("tbody").find("tr").eq(i).clone();
        $(tbody_1).append(itr);
    }
    var tbodytrrows = $(tbl).find("tbody").find("tr").length; //总Tr数
    var cmonthtrrows = $(cMonthTd).attr("rowspan"); //分割的月的rowspan数
    var statrnextrows = parseInt(prevRows) + parseInt(cmonthtrrows); //分割的月之前的行数（包含分割月）
    var nextRows = tbodytrrows - statrnextrows; //分割的月的之后的行数

    /////////////////////////////////////第一个分割表
    //alert(prevRows + "|" + monthPrevRows);
    if (prevRows != monthPrevRows) {
        $(tbody_1).append(cMonthTr_1);
        var monthprev = monthPrevRows - prevRows;
        for (var i = 0; i < monthprev - 1; i++) {
            cMonthTr = cMonthTr.next();
            var itr = cMonthTr.clone();
            $(tbody_1).append($(itr));
        }
        $(tbody_1).append(cTypeTr_1);
        for (var i = 0; i < cTypeTdRowspan_1 - 1; i++) {
            cTypeTr = cTypeTr.next();
            var itr = cTypeTr.clone();
            $(tbody_1).append($(itr));
        }
    } else {
        $(tbody_1).append(cTypeTr_1);
        for (var i = 0; i < cTypeTdRowspan_1 - 1; i++) {
            cTypeTr = cTypeTr.next();
            var itr = cTypeTr.clone();
            $(tbody_1).append($(itr));
        }
    }
    //            alert($(tbody_1).html());
    var table_1 = document.createElement("table");
    $(table_1).attr("class", "FormTable");
    $(table_1).append(tableHead.clone());
    $(table_1).append(tbody_1);
    ///////////////////////////////////////第二个分割表
    var tbody_2 = document.createElement("tbody");
    if (prevRows != monthPrevRows) {
        var trEle = $(tbl).find("tbody").find("tr").eq(xrows).clone();
        var tdEle = $(cTypeTr_2).find("td").eq(0);

        if (tdEle.attr("rowspan") != 0) {
            $(tdEle).insertBefore(trEle.find("td").eq(0));
        }
        if (cMonthTd_2.attr("rowspan") != 0) {
            $(cMonthTd_2).insertBefore(trEle.find("td").eq(0));
        }
        $(tbody_2).append(trEle);
    } else {
        var trEle = $(tbl).find("tbody").find("tr").eq(xrows).clone();
        var tdEle = $(cTypeTr_2).find("td").eq(0);
        var tdEle_ = $(cTypeTr_2).find("td").eq(1);
        if (tdEle_.attr("rowspan") != 0) {
            $(tdEle_).insertBefore(trEle.find("td").eq(0));
        }
        if (tdEle.attr("rowspan") != 0) {
            $(tdEle).insertBefore(trEle.find("td").eq(0));

        }
        $(tbody_2).append(trEle);
    }
    //            for (var i = cTypeTdRowspan_1; i < cTypeTdRowspan; i++) {
    //                cTypeTr = cTypeTr.next();
    //                var itr = cTypeTr.clone();
    //                $(tbody_2).append($(itr));
    //            }

    for (var i = xrows + 1; i < tbodytrrows; i++) {
        var itr = $(tbl).find("tbody").find("tr").eq(i).clone();
        $(tbody_2).append(itr);
    }

    var table_2 = document.createElement("table");
    $(table_2).attr("class", "FormTable");
    $(table_2).append(tableHead.clone());
    $(table_2).append(tbody_2);
    if (countnum) {
        pc += "<div style='text-align:center;'>" + printTitle + "</div><table class='FormTable'>" + $(table_1).html() + "</table>";
    } else {
        pc += "<div style='page-break-before:always;text-align:center;'>" + printTitle + "</div><table class='FormTable'>" + $(table_1).html() + "</table>";
    }
    if ($(table_2).find("tbody").find("tr").length > xrows) {
        countnum =false;
        prevRows = 0;
        monthPrevRows = 0;
        myprint(xrows, table_2,printTitle);
    } else {
        pc += "<div style='page-break-before:always;text-align:center;'>" + printTitle + "</div><table class='FormTable'>" + $(table_2).html() + "</table>";
        toPrint(pc);
    }

    //$(tbody_1).append(cTypeTr_1);
    //cTypeTr_2.insertBefore($(tbody_2).find("tr").eq(0));


}

function toPrint(printContent) {
    if(printContent.indexOf("page-break-before:always;")<100)
    {
        printContent=printContent.replace("page-break-before:always;", "");
    }
    var iss = $("#hlb").attr("checked");
    if (iss == "checked") {
        iss = "";
    } else {
        iss = ".hlb{display:none}";
    }
    var isss = $("#dk").attr("checked");
    if (isss != null) {
        if (isss == "checked") {
            isss = "";
        } else {
            isss = ".dk{display:none}";
        }

    }
    var printWindow = window.open('', '', '');
    printWindow.document.write('<html><head><link rel="stylesheet" href="../../style/Table.css" />' +
            '<style>#ddy{display:none}'+iss+isss+'</style></head><body>' + printContent + '</body></html>');
    setTimeout(function () {
        printWindow.focus();
        printWindow.print();
        printWindow.close();
    }, 200);
    pc = "";
}

function findPrevRows(tr, prevRows) {
    tr = $(tr).prev();
    if (tr.html() == null) {
        return prevRows;
    } else {
        prevRows++;
        return findPrevRows(tr, prevRows);
    }
}

function findTypeTd(tr) {
    //获取当前TR下的第一个TD
    var typetd = tr.find("td").eq(0);
    if (typetd.html().indexOf("月份") != -1) {
        return tr.find("td").eq(1);
    } else if (typetd.html().indexOf("typename") == -1) {
        tr = $(tr).prev(); //向上推一个TR
        return findTypeTd(tr); //传入
    } else {
        return typetd;
    }
}
function findMonthTd(tr) {
    //获取当前TR下的第一个TD
    var monthtd = tr.find("td").eq(0);
    //如果不包含"月份"关键字
    if (monthtd.html().indexOf("月份") == -1) {
        tr = $(tr).prev(); //向上推一个TR
        return findMonthTd(tr); //传入
    } else {
        return monthtd;
    }
}

最终的打印效果：

可以将2月份的三行正确的分割出来，并且此代码做了递归操作，可以将分割之后的部分如果超过纸张长度再次分割。