Css 分组表行和分页符

Css 分组表行和分页符,css,Css,我有一张比较长的桌子。每条记录有六行。因此,标识符为16的项目具有..,标识符25将是..,等等 我希望分页符不拆分六行的任何分组。因此,如果将在新页面上继续,我希望所有一种可能性是将引用同一记录的所有行分组在一个tbody中,这样您就有了更多的tbody,每个包含6行(并且似乎是逻辑上的原子组), 然后为媒体打印添加此规则 @media print { tbody { page-break-inside: avoid; } } 这样就避免了t正文中的分页符。

我有一张比较长的桌子。每条记录有六行。因此,标识符为16的项目具有
..
,标识符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上都试过了。你能发布一个例子来修改一些数据并更新你的问题吗?我会努力的,非常感谢。我把样品寄到了。您可能需要重复这些数据,以便为分页符创建足够的信息。再次感谢你的帮助。