126 votes

Répéter les en-têtes de table en mode impression

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

137voto

tvanfosson Points 268301

C'est à cela que sert l'élément THEAD. Les documents officiels sont .

80voto

nickf Points 185423

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-footer-group;}

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

(source)

51voto

Eero Points 1612

Soucoupe volante xhtmlrenderer répète le THEAD sur chaque page de sortie PDF, si vous ajoutez ce qui suit à votre CSS :

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

(Il fonctionne au moins depuis la sortie de R8.)

10voto

SantoshK Points 1041

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

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X