Css 分组表行和分页符
我有一张比较长的桌子。每条记录有六行。因此,标识符为16的项目具有Css 分组表行和分页符,css,Css,我有一张比较长的桌子。每条记录有六行。因此,标识符为16的项目具有..,标识符25将是..,等等 我希望分页符不拆分六行的任何分组。因此,如果将在新页面上继续,我希望所有一种可能性是将引用同一记录的所有行分组在一个tbody中,这样您就有了更多的tbody,每个包含6行(并且似乎是逻辑上的原子组), 然后为媒体打印添加此规则 @media print { tbody { page-break-inside: avoid; } } 这样就避免了t正文中的分页符。
..
,标识符25将是..
,等等
我希望分页符不拆分六行的任何分组。因此,如果
将在新页面上继续,我希望所有一种可能性是将引用同一记录的所有行分组在一个tbody
中,这样您就有了更多的tbody
,每个包含6行(并且似乎是逻辑上的原子组),
然后为媒体打印添加此规则
@media print {
tbody {
page-break-inside: avoid;
}
}
这样就避免了t正文
中的分页符。
不幸的是,每个现代浏览器都支持内部分页符(Bug)我想试一试:
@media print {
tr, td, th { page-break-inside:avoid }
}
如果您不想使用@media标记,这是另一种方式:
将class=打印整个添加到表中,并添加此样式:
table.print-entire tr td, table.print-entire tr th {
page-break-inside: avoid;
}
当你在一个新的页面上说你在谈论打印规则吗?只是尝试了一下,将所有tr组包装在他们自己的tbody标签中,但不幸的是,这并没有解决问题。我在Chrome和IE上都试过了。你能发布一个例子来修改一些数据并更新你的问题吗?我会努力的,非常感谢。我把样品寄到了。您可能需要重复这些数据,以便为分页符创建足够的信息。再次感谢你的帮助。