对表行和分页符进行分组

Question

我有一张比较长的桌子。每条记录有六行。因此，标识符为16的项目为<tr-16-1><tr-16-2>.....<tr-16-6>，标识符25为<tr-25-1><tr-25-2>.....<tr-25-6>等。

我希望分页符不分割六行中的任何分组。因此，如果<tr-25-6>在新页面上继续，我希望所有<tr-25's>都能与之打破。

如果有帮助，我可以轻松地将一个类附加到所有六行。任何人都可以指出我正确的方向如何做到这一点？非常感谢你的帮助。

Answer 1

有可能将所有引用同一记录的行分组到一个tbody中，因此每个tbody包含6行（it's perfectly fine并且似​​乎是@media print { tbody { page-break-inside: avoid; } } 逻辑作为一个原子组）， 然后为媒体打印添加此规则

tbody

这样可以避免page-break-inside内的分页符 很遗憾，每个现代浏览器except Firefox（错误#132035）

都支持{{1}}

Answer 2

我会试一试：

@media print {
    tr, td, th { page-break-inside:avoid }
}

Answer 3

如果您不想使用@media标签，这是另一种方式：

将class=print-entire添加到您的表格中，然后添加以下格式：

table.print-entire tr td, table.print-entire tr th {
        page-break-inside: avoid;
    }