css – 对表行和分页符进行分组

我有一张比较长的桌子.每条记录有六行.因此,标识符为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>打破它.

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

解决方法

有可能将所有引用同一记录的行分组到一个tbody中,因此你有更多的tbody,每个包含6行( it’s perfectly fine,似乎逻辑上是一个原子组),
然后添加此规则用于媒体打印

@media print {
    tbody {
        page-break-inside: avoid;
    }
}

通过这种方式,可以避免在tbody内部进行分页.
不幸的是,每个现代浏览器except Firefox都支持page-break-inside(Bug #132035)