如何在使用javascript打印时分页时添加标题？

Question

我有一个网格，每次都包含100多条记录。当我尝试使用javascript打印数据时。它能够打印网格数据。但我的问题是每个页面都没有页面标题，同时最终记录数据丢失。我需要解决这个问题，任何人都可以帮我改进

 self.print();

我正在使用此命令启动print.after

var gridid = "#grid";
    $("#pageheader").show();
    $("#pageheader").clone().addClass("clonecopy").appendTo("body");
    $(gridid).clone().addClass("clonecopy").appendTo("body");`

通过此编码仅用于在打印屏幕中打印我的网格。

我需要通过每页15条记录和标题（每页）来解决这个问题

 function printControl(){

        var table = document.getElementById("DataList1");
        var count = table.rows.length;
        for (var i = 0; i < count; i++) {
            if ((i % 4 == 0)&&(i!=0)) {
                table.rows[i].style.cssText = "page-break-after:always";
            }
        }
    }

我也在使用这段代码，但我无法得到结果..

Answer 1

在这里做一些假设，但它看起来类似于下面的内容：

var count = 0;
var page = $('<div></div>');
$('#grid').children().each(function(){
    if( count == 0 ){
        $("#pageheader").clone().addClass("clonecopy").appendTo(page);
    }
    $(this).clone().addClass("clonecopy").appendTo(page);
    count += 1;
    if( count == 15 ){
        page.appendTo("body");
        page = $('<div></div>');
        count = 0;
    } 
 });