Saut de Page dans un tableau html converti en PDF

  • Saut de Page dans un tableau html converti en PDF

    Posté par faddi sur 30 avril 2024 à 18h47

    Bonjour à tous
    SOS
    J’ai un code HTML que j’ai converti en PDF par un flux.
    Mais le problème est que j’ai 3 tableaux et les données du 2ieme tableau passe sur la 2ieme page sans faire de saut de page du cout le tableau est mal divisé

    Voici le 2ieme tableau

    Voici mon css
    <style rel=”stylesheet” type=”text/css” media=”print”>
    table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    page-break-inside: auto; /*pour le saut de page*/
    }
    @media print {
    table { page-break-inside : auto;}
    tr { page-break-after : always;} }
    </style>

    Aussi je veux ajouter que:
    Javais mis le CSS et le HTML des autres tableaux dans un même corps
    Et j’ai appelé mon 2ieme tableau comme ci :

    mais j’obtiens tjr ceci sur mon PDF

    Quelqu’un pourrait-il m’aider svp
    Comment pourrais-je géré le saut de page svp

    Stef a répondu Il y a 6 mois, 3 semaines 2 Membres · 1 Réponse
  • 1 Réponse
  • Stef

    Membre
    2 mai 2024 à 9h21

    Bonjour,

    Si tu as la main sur le html, tu peux utiliser page-break-before:always ou page-break-after: always pour créer un saut de page. Tu trouveras des exemples sur le web.
    Rectif : désolé je n’avais pas vu que tu l’utilisais déjà dans le csss.

Connectez-vous pour répondre.