2012-07-27 3 views
0

J'ai le code HTML suivant>jsfiddle.
Lorsque je l'affiche au format PDF en utilisant DOMPDF, sur la première page j'ai reçu les 2 premières lignes, que j'ai 10 pages vides et 2 pages avec le reste du contenu.Rompre la table à l'intérieur de la table mais garder les lignes intactes

Comment est-ce que je peux casser la table afin qu'elle s'étende sur le bon nombre de pages?
J'ai essayé d'utiliser page-break-inside: avoid; sur la table principale, mais il a ruiné le rang cassé.

enter image description here

je veux qu'il casser comme vous vous attendez à briser, mais je ne sais pas comment ...

Toute aide serait appréciée.
Merci!

+0

Savez-vous où casser votre page? Je veux dire que ces lignes peuvent augmenter ou elles seront toujours réparées? –

+0

Ils seront toujours fixés ... Je ne sais pas où se casser c'est pourquoi j'ai demandé .. – Ron

+0

Vous dites qu'ils seront fixés de sorte que vous devriez savoir où se casser à droite? –

Répondre

1

Le problème de rendu est dû à un bogue connu lié à une seule entité trop grande pour tenir sur une page. Dans votre cas, votre table de liste de produits (qui est plus grande qu'une page) est contenue dans une autre table, ce qui crée une cellule de tableau trop grande pour tenir sur une page. Voir le tracker dompdf, issue 91: dompdf unable to split table cells between pages. Heureusement, votre mise en page est telle que le travail autour est assez simple. Déplacez la table de liste de produits à l'extérieur du conteneur. I updated your original jsfiddle.

+0

Cela fonctionne partiellement> La page se casse bien mais la dernière ligne de la page cassée manque la bordure inférieure, une idée pourquoi? – Ron

+0

Utilisez-vous jsfiddle que j'ai mis à jour, ou avez-vous un nouveau document que je peux regarder? – BrianS

+0

Voici le nouveau http://jsfiddle.net/dPZW4/2/ Je pensais que la frontière-effondrement le cause mais je ne pouvais pas le réparer ... – Ron

Questions connexes