Me gustaría insertar un encabezado en cada página del pdf generado con Chrome, con un contenido dinámico. Eso significa que el cambio de encabezado para cada pdf, no puedo establecer una altura fija para que se genere todo el pdf.

He investigado mucho y esto es lo que he encontrado:

• usar :

 @page { @top-center { content: element(header) } #header { position: running(header); }

e intente aplicar margen en @top-center . No funciona porque Chrome no admite cuadros de margen de página. enlace

• use thead / tbody, que es la solución más promocionada:

 <table> <thead>header</thead> <tbody>content</tbody> </table>

Y esto funciona bien, el contenido no se superpone, no es necesario agregar un margen extraño ... hasta que el encabezado alcance alrededor de 256px. Después de eso, el encabezado no se repite en las páginas siguientes. Solo aparece en la primera página.

Lamentablemente, se trata de un error de cromo y no se solucionará pronto... enlace

• usar :

 #header { position: fixed; top: 0; }

Desafortunadamente, se superpone con el contenido y no puede agregar margen en ninguna parte. Si agrega margen a @page en css, agregará un margen para toda la página y el encabezado aún se superpondrá con el contenido. Si agrega un margen al contenido (no al encabezado), funcionará para la primera página, pero el encabezado y el contenido aún se superpondrán en las otras páginas.

Algunas ideas ?