css print - 大表 - 最后一行为某些页面拆分

我正在使用以下css在打印时显示大量表数据。css print - 大表 - 最后一行为某些页面拆分

#toolbar.fixed + .content{ 
    overflow: visible; 
    position: static; 
    bottom: 0em; 
} 

table { page-break-after:auto } 
    tr { page-break-inside:avoid; page-break-after:auto } 
    td { page-break-inside:avoid; page-break-after:auto } 
    thead { display:table-header-group } 
    tfoot { display:table-footer-group }

我使用的浏览器是IE 7，我现在面临的问题是，一些页的最后一行上的数据获取当前页和下一页之间的分裂。我想弄清楚我的css上面有什么问题，或者如果我需要引入额外的css来阻止最后一行数据（仅在某些页面上）停止在两个页面之间进行拆分。

来源

2012-09-20 user1066568

page-break-inside仍是许多主要的浏览器不支持： http://www.w3schools.com/cssref/pr_print_pagebi.asp

另外请注意，分页符不允许里面安置的物体。

使用page-break-before: auto;而page-break-after: auto;可以解决这个问题，但你可以用this page为指导，以创建你所需要的款式，而无需使用page-break-inside ...

来源

2012-09-20 07:28:48 Night2

下面的代码使用..... `函数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"; 
     } 
    } 
}`

来源

2014-06-23 14:18:42 Sankar

css print - 大表 - 最后一行为某些页面拆分

回答

相关问题