Использование элементов THEAD
, TFOOT
и TBODY
может решить проблему без необходимости использования JavaScript.Вот цитата из документации W3C:
Строки таблицы могут быть сгруппированы в заголовок таблицы, основание таблицы и один или несколько разделов тела таблицы, используя элементы THEAD, TFOOT и TBODY соответственно.Это разделение позволяет пользовательским агентам поддерживать прокрутку тел таблицы независимо от ее головы и ноги.Когда печатаются длинные таблицы, информация о заголовке и стопе таблицы может повторяться на каждой странице, содержащей данные таблицы.
Обратите внимание, что, если включено, tfoot
должен предшествовать tbody
:
<table>
<thead>
<tr>
<th>Col 1 heading</th>
<th>Col 2 heading</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Col 1 footer</th>
<th>Col 2 footer</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>Col 1 data</td>
<td>Col 2 data</td>
</tr>
<tr>
<td>Col 1 data</td>
<td>Col 2 data</td>
</tr>
</tbody>
</table>
Строки в thead
должны повторяться в верхней части таблицы на каждой странице при печати таблицы.Аналогичным образом, строки в tfoot
, если они включены, должны быть напечатаны внизу таблицы на каждой странице при печати таблицы.Это должен сделать пользовательский агент (например, браузер), но я думаю, что большинство современных браузеров справляются с этим должным образом - хотя я никогда не проверял это.Мне было бы интересно узнать, как вы поживаете.