我有一個比較長的表格。每個記錄有六行。因此,標識符爲16的項目具有<tr-16-1><tr-16-2>.....<tr-16-6>
,標識符25將爲<tr-25-1><tr-25-2>.....<tr-25-6>
等。分組表格和分頁符
我希望分頁符不分割六行中的任何分組。因此,如果<tr-25-6>
將繼續在新頁面上,我希望所有<tr-25's>
與它打破。
如果有幫助,我可以輕鬆地將一個類附加到所有六行。任何人都可以請指出我在正確的方向如何做到這一點?非常感謝你的幫助。
我有一個比較長的表格。每個記錄有六行。因此,標識符爲16的項目具有<tr-16-1><tr-16-2>.....<tr-16-6>
,標識符25將爲<tr-25-1><tr-25-2>.....<tr-25-6>
等。分組表格和分頁符
我希望分頁符不分割六行中的任何分組。因此,如果<tr-25-6>
將繼續在新頁面上,我希望所有<tr-25's>
與它打破。
如果有幫助,我可以輕鬆地將一個類附加到所有六行。任何人都可以請指出我在正確的方向如何做到這一點?非常感謝你的幫助。
一種可能性是分組全部指的是相同的記錄單tbody
內的行,因此你有更多tbody
每一個含有6行(it's perfectly fine和似乎是合乎邏輯的作爲原子團), 然後添加此規則介質打印
@media print {
tbody {
page-break-inside: avoid;
}
}
這樣一個tbody
內分頁符會被避免。
不幸的是page-break-inside
上支持所有現代瀏覽器except Firefox(錯誤#132035)
剛剛給了一個嘗試 - 在自己的tbody標籤中包裝所有tr組,但不幸的是,它沒有解決問題。我試過Chrome和IE。 –
你可以發佈一個例子與一些數據提琴和更新你的問題?我會盡力進一步調查 – fcalderan
非常感謝。我在http://jsfiddle.net/wKvuP/發佈了一個示例。您可能需要重複數據才能爲分頁符創建足夠的信息。再次感謝你的幫助。 –
我想給這一個鏡頭:
@media print {
tr, td, th { page-break-inside:avoid }
}
如果你不想使用@media標籤,這是另一種方式:
添加class=print-entire
到表,並添加這種風格:
table.print-entire tr td, table.print-entire tr th {
page-break-inside: avoid;
}
時說_在新的頁面上_你在談論打印規則? – fcalderan
- 謝謝。 –