Свойство 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] или щелкните правой кнопкой мыши и выберите опцию Печать]---

Я использую Google Chrome версии 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;
    }
}

Answer 2

Это помогло мне, оказалось, что это тело css:

body{
    height: auto!important;
    float: none!important;
}