Tips WKHTMLTOPDF : Eviter le chevauchement des entêtes sur un tableau

Lorsqu’on se trouve avec un tableau de grande taille sur notre page HTML, et que l’on veut générer le PDF de cette page avec wkhtmltopdf, on se retrouve avec l’en-tête du tableau (balise <thead>) qui se répète sur chaque page et qui chevauche les données du tableau.

Exemple concret :

• Fichier HTML : tableau.html
• Fichier PDF généré : tableau.pdf

Sur la  version 0.12.0 de wkhtmltopdf, il y avait beaucoup de pages blanches corrompues. Celles-ci ont été corrigées à partir de la version 0.12.1. Hélas nous sommes actuellement en version 0.12.2.1 et le problème persiste toujours.

Voici une petite astuce pour corriger ce problème, il suffit d’ajouter ces directives CSS :

thead { display: table-header-group }
tfoot { display: table-row-group }
tr { page-break-inside: avoid }

Voici le résultat final : tableau-final.pdf