2012-07-06 102 views
1

我有一個包含許多行的簡單表格,我希望在頁面末尾的行之間自動插入分頁符。這似乎在Firefox中默認工作正常,但Internet Explorer(7-9)不會中斷表格。它對於一個頁面來說太長了,其餘的表格行會丟失。在IE中使用分頁符打印表格

所以我試着用許多不同的方法來使用CSS屬性page-break- *來解決這個問題,但沒有任何幫助。我發現,http://www.w3schools.com/cssref/pr_print_pagebb.asp

「......避免內部的表格頁面斷裂性能...」

爲什麼會這麼說?我的表看起來是這樣的:

<table class="formatted tablesorter"> 
    <caption>Some caption</caption> 
    <thead> 
     <tr> 
      <th rowspan="1" colspan="1">Header 1</th> 
      <th rowspan="1" colspan="1">Header 2</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td rowspan="1" colspan="1">Value 1</td> 
      <td rowspan="1" colspan="1">Value 2</td> 
     </tr> 
     <!-- many more rows... --> 
    </tbody> 
</table> 

是否有任何方式使分頁工作表內的Internet Explorer?如果我不得不使用一些JavaScript,那就沒問題了。

+0

是否有強烈的需求,爲什麼你想用桌子做這個?在一個沒有設計的IMO表中,它會更乾淨...而且是的:你真的應該避免表格行之間的中斷。如果你真的需要,你只能使用空行,並在表格行內插入'&nbps;'或'
',但我不會建議... – Chris 2012-07-06 13:00:56

+0

你可以發佈適用於此的CSS規則表? – Brant 2012-07-06 13:13:08

回答

1

包圍桌子的元素有overflow-x: auto; overflow-y: hidden;。這就是爲什麼桌子沒有打破。

0

IE不支持avoid值,所以在Firefox中可以正常工作,但IE不會顯示相同的值。你有沒有使用CSS的例子?