2012-05-15 75 views
5

我有一個比較長的表格。每個記錄有六行。因此,標識符爲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>與它打破。

如果有幫助,我可以輕鬆地將一個類附加到所有六行。任何人都可以請指出我在正確的方向如何做到這一點?非常感謝你的幫助。

+0

時說_在新的頁面上_你在談論打印規則? – fcalderan

+0

- 謝謝。 –

回答

5

一種可能性是分組全部指的是相同的記錄單tbody內的行,因此你有更多tbody每一個含有6行(it's perfectly fine和似乎是合乎邏輯的作爲原子團), 然後添加此規則介質打印

@media print { 
    tbody { 
     page-break-inside: avoid; 
    } 
} 

這樣一個tbody內分頁符會被避免。
不幸的是page-break-inside上支持所有現代瀏覽器except Firefox(錯誤#132035

+1

剛剛給了一個嘗試 - 在自己的tbody標籤中包裝所有tr組,但不幸的是,它沒有解決問題。我試過Chrome和IE。 –

+0

你可以發佈一個例子與一些數據提琴和更新你的問題?我會盡力進一步調查 – fcalderan

+1

非常感謝。我在http://jsfiddle.net/wKvuP/發佈了一個示例。您可能需要重複數據才能爲分頁符創建足夠的信息。再次感謝你的幫助。 –

1

我想給這一個鏡頭:

@media print { 
    tr, td, th { page-break-inside:avoid } 
} 
1

如果你不想使用@media標籤,這是另一種方式:

添加class=print-entire到表,並添加這種風格:

table.print-entire tr td, table.print-entire tr th { 
     page-break-inside: avoid; 
    }