[英]Workaround to use css page-break properties in chrome for printing?
[英]Printing tables with page-break in IE
我有一個包含很多行的簡單表,我想在頁面末尾的行之間自動插入分頁符。 默認情況下,這在Firefox中似乎可以正常工作,但Internet Explorer(7-9)不會破壞該表。 如果該表對於一頁而言太長,則其余表行會丟失。
因此,我嘗試以多種不同方式使用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,那就可以了。
包圍表的元素具有overflow-x: auto; overflow-y: hidden;
overflow-x: auto; overflow-y: hidden;
。 這就是桌子沒有破裂的原因。
IE不支持avoid
值,因此可以在Firefox中正常運行,但IE不會顯示相同的值。 您是否有使用CSS的示例?
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.