Как повторить на каждой странице заголовок таблицы, но не весь?

Question

[Дмитрий]

Есть таблица:

===========================
|     ФИО     | Должность |
---------------------------
|      1      |     2     |  <- эту строку нужно повторять
---------------------------
| Иванов      | Продавец  |
---------------------------
| Петров      | Кладовщик |
---------------------------
Таблица очень длинная (занимает несколько страниц при печати).

Необходимо при печати вверху каждой страницы повторить строку с номерами столбцов (так обычно делают в книгах).
Если поместить первые две строки в тег thead, то в начале страниц повторяться будут обе строки.
Хотел поместить в thead только строку с номерами, а потом первые две строки продублировать еще раз в tbody, но тогда thead нужно скрыть на первой странице. Любое скрытие thead скрывает его на всех страницах.
Можно ли вообще так сделать? Помогите!

Comments

[DmitrijP]

ничего не понял, но было интересно.

[Дмитрий]

DmitrijP, что вы не поняли? Вы никогда не видели как в книгах длинная таблица переносится на следующую страницу?

[Adamos]

А что,

<table>
<tr><th>ФИО</th><th>Должность</th><tr>
<thead><tr><th>1</th><th>2</th></tr></thead>
<tbody>...

работает как-то не так?

З.Ы. Да, посмотрел стандарт, так нельзя.
Но если размеры колонок задаются точно, можно просто сделать первую строчку отдельной таблицей без отступа.

[Дмитрий]

Но если размеры колонок задаются точно

Adamos, конечно не точно.

[Adamos]

Дмитрий, а display: table-header-group не вариант?

[Дмитрий]

Adamos, а что это даст? Это свойство, с помощью которого можно футер или еще что-нибудь в хедер запихнуть. А дальше-то что?

[Adamos]

Дмитрий, да, результат полностью аналогичен thead. Тогда только обычный thead и js-примочка, которая после рендера таблицы измеряет ее колонки и вешает сверху шапку.

[Дмитрий]

Adamos, похоже что так...
С jQuery довольно коротко получается: jsfiddle.net/HqpGp

Answer 1

[Арсений Матыцин]

@media print тебе в помощь и осознание того, что фиксированные элементы position:fixed остаются на каждой странице.

Все что тебе остается сделать — используя эти знания сформировать «колонтитул». Обычный колонтитул ты не переопределишь, но костыль приделаешь. Еще можно копнуть в сторону page-break и другие свойства CSS и печати.

UPD: еще можно пустить 2 таблицы подряд, где первая будет содержать только заголовок, а вторая строку, которую нужно закрепить, и остальные строки.

Comments

[Дмитрий]

Арсений, вы уверены что внимательно прочитали вопрос?
thead и так автоматом дублирует заголовок таблицы на всех печатных страницах... нафига мне извращаться с position:fixed?

[Арсений Матыцин]

Дмитрий, вы уверены, что внимательно вникли в суть ответа?

[Ankhena]

Арсений Матыцин, и как не печатать его на первом листе? Кроме дурацкой идеи прикрыть его сверху еще одним блоком с абсолютом.

[Арсений Матыцин]

Ankhena, к примеру отказаться от thead, ибо он работает правильно, как таблицы в редакторах (проверьте excel, gdocs) и городить костыль с фиксированным позиционированием. В любом случае движение должно быть в пользу верстки под печать.

Ключевые позиции ответа: КОСТЫЛЬ, @media print и «другие свойства CSS и печати».

[Ankhena]

Арсений Матыцин,
ок, отказались от thead.
Повторю вопрос, как вы предлагаете скрыть фикс на первом листе нормальным способом?

[Арсений Матыцин]

Ankhena, я предлагаю включить мозг, фантазию и поискать решение не утыкаясь лбом в условности. Выше дополнил менее травмирующим детскую психику костылем.
На этом все.

[Ankhena]

Арсений Матыцин, я бы предложила всё таки вникнуть в суть вопроса ТС и еще более конкретного уже моего.
Но не буду, потому что вы не читаете. Причем, судя по вашему UPD, который к тому же никак не меняет сути, комментарии к вопросу тоже не пытались читать.

[Дмитрий]

Арсений Матыцин, ваш UPD предложен Adamos еще 8 марта.
Вы бы лучше описали словами, а не намеками, свое предложение - было бы больше пользы. Насколько вы крут, а мы убоги - мы уже поняли.