27802 sujets

CSS et mise en forme, CSS3

Bonjour,
Je souhaite imprimer un tableau avec CSS Paged Media Module.
Je ne parviens pas à imprimer correctement au saut de page.
Voici ce que j'obtiens :

Un trait en trop en fin de page :
upload/1624437005-65675-sanstitre.png

ou bien un trait en moins en fin de page :
upload/1624437032-65675-sanstitre2.png

Mon CSS :

@page { 
    size: A4 landscape;
    margin-top: 1.5cm;
    margin-bottom: 1.5cm;
}

@page:first {
    margin-top: 0;
}

table {
    page-break-inside: auto; 
}
tr {
    page-break-inside: avoid; 
    page-break-after: auto;  
}
thead {
    display: table-header-group; 
}
tfoot {
    display: table-footer-group; 
}

table, th {
    border: 1px solid #dddddd;
    text-align: center;
    padding: 2px;
    border-collapse: collapse;
}
table, td {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 2px;
    border-collapse: collapse; 
}

Modifié par denisduval75 (23 Jun 2021 - 10:35)