таблица предварительного просмотра печати плохо складывается?

Question

У меня есть таблица с множеством строк. Это слишком долго для фрагмента, поэтому я предоставляю jsfiddle . В основном это HTML таблица с множеством строк и структурированная с

<table>
<thead>text here!</thead>
<tbody>
inside this is td with many tr structure, rowspan and colspan
</tbody>

Все, что я хочу, это:

• Thead всегда появляются на верхней части бумаги для печати
• Я хочу, чтобы автоматически разрыв страницы первого tr (МОДЕЛЬ в качестве стартера td)

У меня уже есть решение для первой проблемы, но почему это выглядит так некрасиво (у некоторых т. Д. Есть проблема с укладкой на следующей статье) и попасть внутрь thead? я запутался с этим ...

И, если возможно, есть ли решение для разрыва страницы? Я уже ищу все ответы, но это должно быть сделано вручную, который должен на другой странице. Но я хочу автоматически делать разрыв страницы при запуске tr МОДЕЛИ

Спасибо, я знаю, что мой вопрос является основным ... но я действительно застрял здесь.

Answer 1

Вы можете попробовать масштабировать свою страницу, используя свойство @page CSS3

Ваш код будет выглядеть примерно так

@media print {
@page {
size: 21cm 29.7cm;
margin: 30mm 45mm 30mm 45mm;
}
tr,td { page-break-before: always; }
}

Надеюсь, это поможет!