分頁符不起作用

我有一個表，每行有多行和邊框。我有一個選項來打印頁面的幫助下，一個jQuery插件print.js。當我嘗試打印時，<tr>正在打破。有些部分在一頁上，剩下的在下一頁。分頁符不起作用

<div id="printable_allagenda" style="display: none;" ></div>

Jquery的：Click事件打印

$("#print_agenda").click(function(){ 

     $.ajax({ 
      type: "POST", 
      url: "module/parents/calendar/print_loader_tableview.php", 
      data: data_values, 
      success: function(msg){ 
       $('#printable_allagenda').html(msg); 
       $('#printable_allagenda').print(); 
      } 
     }); 
     return false; 
    });

CSS：

@media print { 
body{ 
    max-width:99%; 
    page-break-before: avoid; 
} 
    #printable_allagenda{ 
     font-size: 12px; 
    } 
     table.gridtable { 
     font-family: verdana,arial,sans-serif; 
     font-size:11px; 
     color:#333333; 
     border-width: 1px; 
     border-color: #666666; 
     border-collapse: collapse; 
    } 
    table.gridtable th { 
     border-width: 1px; 
     padding: 8px; 
     border-style: solid; 
     border-color: #666666; 
     background-color: #dedede; 
    } 
    table.gridtable td { 
     border-width: 1px; 
     padding: 8px; 
     border-style: solid; 
     border-color: #666666; 
     background-color: #ffffff; 
    } 
    @page { 
    margin: 0.5cm; 
    } 
} 
table.gridtable { 
    font-family: verdana,arial,sans-serif; 
    font-size:11px; 
    color:#333333; 
    border-width: 1px; 
    border-color: #666666; 
    border-collapse: collapse; 
} 
table.gridtable th { 
    border-width: 1px; 
    padding: 8px; 
    border-style: solid; 
    border-color: #666666; 
    background-color: #dedede; 
} 
table.gridtable td { 
    border-width: 1px; 
    padding: 8px; 
    border-style: solid; 
    border-color: #666666; 
    background-color: #ffffff; 
} 
.fadedyes{ 
    position: absolute;top:0;left:0;width: 100%;height:100%;z-index:2;opacity:0.4;filter: alpha(opacity = 50); 
}

我曾試圖給出屬性表table.gridtable這種風格：page-break-inside: avoid;
爲table.gridtable tr還用風格風格：page-break-inside:avoid; page-break-after:auto，但它不工作。

我附上了一個截圖。

來源

2016-10-26 Techy

快速測試顯示，'分頁-inside'適用於'tr'在最新的瀏覽器元素。（IE，Mozilla，Chrome。無法測試Edge或Safari。）所以......你能展示你正在嘗試的HTML嗎？ –

使用float:none或display:block的父元素，使page-break-before:always

來源

2016-10-26 13:28:29 karthick

分頁符不起作用

回答

相關問題