Répéter les en-têtes de tableau en mode d’impression

Est-il possible en CSS d’utiliser une propriété à l’intérieur d’une page @ pour dire que les en-têtes de tables (th) doivent être répétés sur chaque page si la table est répartie sur plusieurs pages?

C’est à quoi sert l’ élément THEAD . Documents officiels ici .

Certains navigateurs répètent l’élément thead sur chaque page, comme ils sont censés le faire. D’autres ont besoin d’aide: Ajoutez ceci à votre CSS:

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

Opera 7.5 et IE 5 ne répéteront pas les en-têtes, peu importe ce que vous essayez.

( source )

Avant de mettre en œuvre cette solution, il est important de savoir que Webkit ne le fait pas actuellement.

Voici le problème pertinent concernant le suivi des problèmes Chrome: http://code.google.com/p/chromium/issues/detail?id=24826

Et sur le tracker de problèmes Webkit: https://bugs.webkit.org/show_bug.cgi?id=17205

Cliquez sur le suivi des problèmes Chrome si vous voulez montrer que c’est important pour vous (je l’ai fait).

Flying Saucer xhtmlrenderer répète THEAD sur chaque page de sortie PDF, si vous ajoutez les éléments suivants à votre CSS:

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

(Cela fonctionne au moins depuis la version R8.)

Les navigateurs Chrome et Opera ne prennent pas en charge thead {display: table-header-group;} mais les autres utilisateurs prennent en charge correctement.

Comment puis-je imprimer le tableau HTML? En-tête et pied de page sur chaque page

Travailler également dans les navigateurs 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