![](/img/trans.png)
[英]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.