характер проблемы
Ваша проблема связана с стайлингом .
Трудно сказать, в чем именно заключается ваша проблема - у нас не было возможности увидеть ваши таблицы стилей. Наверняка вам следует переписать их, чтобы не обрезать страницы.
Применение различных таблиц стилей к экрану и печать
Одна идея состоит в том, чтобы изменить текущую таблицу стилей, чтобы она применялась только к экранным носителям. и применять другую, специально для печатных носителей .
Вы можете сделать это так в HTML:
<link rel="stylesheet" type="text/css" media="screen" href="screen.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />
или подобное в CSS ( пример из W3C ):
@import url("fancyfonts.css") screen;
@media print {
/* style sheet for print goes here */
}
Стиль, специфичный для печати
Подробнее о стилях печати см. На следующей странице: http://www.w3.org/TR/CSS2/page.html
В вашем случае может оказаться полезным следующее оформление:
table { page-break-inside: auto; }
tr { page-break-inside: avoid; page-break-after: auto; }
thead { display: table-header-group; }
tfoot { display: table-footer-group; }
Это разрешит разрывы страниц внутри таблицы, постарается избежать разрывов страниц внутри строк и будет повторять как верхние, так и нижние колонтитулы таблицы на каждой странице. Однако убедитесь, что он работает в ваших целевых браузерах.