Page-Break-inside属性在chrome中不起作用

Question

我有一个长表数据,其中包含许多行和嵌套表.当我打印这些数据时,表和嵌套表的行只是在分页符中断,意味着表和数据被分成页面,所以我在那里使用以下CSS属性: -

table tr {
 page-break-inside:avoid;
 position:relative;
 }

但这不适用于我的情况,你可以在这里看到现场演示: - http://jsfiddle.net/npsingh/S8vr8/2/show/

请通过以下链接编辑代码: -
http://jsfiddle.net/npsingh/S8vr8/2/
--- [打印页面只需按[CTRL + P]或右键单击并单击打印选项] - -

我使用的是谷歌浏览器版本29.0.1547.66米

请让我知道问题的确切位置.谢谢

Answer 1

而不是把page-break-inside:avoid;你的表放在你的tr上,尝试直接在表上应用它,如下所示:

table {
    page-break-inside:avoid;
    position:relative;
}

还添加此媒体查询:

@media print {
   table {
        page-break-inside:avoid;
        position:relative;
    }
}