Repita los encabezados de tabla en modo de impresión

¿Es posible en CSS usar una propiedad dentro de una página para decir que los encabezados de la tabla (th) deben repetirse en cada página si la tabla se extiende en varias páginas?

Para eso está el elemento THEAD . Documentos oficiales aquí .

Algunos navegadores repiten el elemento thead en cada página, como se supone que deben hacerlo. Otros necesitan ayuda: agregue esto a su CSS:

 thead {display: table-header-group;} tfoot {display: table-header-group;} 

Opera 7.5 e IE 5 no repetirán encabezados sin importar lo que intentes.

( fuente )

Antes de implementar esta solución, es importante saber que Webkit actualmente no hace esto.

Aquí está el problema relevante en el rastreador de problemas de Chrome: http://code.google.com/p/chromium/issues/detail?id=24826

Y en el rastreador de problemas de Webkit: https://bugs.webkit.org/show_bug.cgi?id=17205

Destaca en el rastreador de problemas de Chrome si quieres demostrar que es importante para ti (lo hice).

Flying Saucer xhtmlrenderer repite el THEAD en cada página de salida PDF, si agrega lo siguiente a su CSS:

  table { -fs-table-paginate: paginate; } 

(Funciona al menos desde la versión R8).

Los navegadores Chrome y Opera no son compatibles con thead {display: table-header-group;} pero el rest de los demás son compatibles.

¿Cómo imprimo la tabla HTML? Encabezado y pie de página en cada página

También funciona en navegadores Webkit

         
header comes here for each page
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
footer comes here for each page