MPdf-Botton-Grenze an jeder Zeilentabelle

Lesezeit: 2 Minuten

Benutzeravatar von JimmyD
JimmyD

Ich mache ein WordPress-Modul, um ein Zimmer zu reservieren. Jetzt verwende ich mPDF, um die Verträge der Reservierungen automatisch zu erstellen.

mPDF hat Probleme beim Erstellen von Tabellen mit einer Begrenzungslinie in jeder Zeile. Wenn ich die Tabelle erstelle und sie in HTML ansehe, sieht alles gut aus. Aber wenn ich ein PDF mit mPDF erstelle, wird mir der untere Zeilenrand nicht angezeigt.

Dies ist der HTML-Code, den ich verwende, um das PDF zu generieren:

.logo
{
    display: inline-block;
    width: 130;
    height: 146;
    align: left;
    hspace: 12;
}

.headerText
{
    display:inline-block;
    text-align: right;
    float:right;
}

.header{
    padding-bottom: 20px;
}

.table{
    border-left: thin solid;
    border-right: thin solid;
    border-bottom: thin solid #000000;
    border-top: thin solid;
}

.table{
    margin-top: 10px;
    margin-bottom: 10px;
    border-collapse: collapse;
}

table tr {
    border-bottom: 1px solid black;
}

table tr:last-child { 
    border-bottom: none; 
}

.Cell
{

    width: 300px;
}

.firstCell
{
    border-left: thin;
    border-right: thin solid;
    border-bottom: thin;
    border-top: thin;
}

.smallCell
{
    width:150px;
}

.largeCell
{
    width: 450px;
}

.row
{
    display: block;
}

.koninklijkeLogo
{
    width: 30px;
}

.maxSize
{
    width: 600px;
}
        <table class="table">
            <tr class="row">
                <td class="smallCell firstCell">Naam:</td>
                <td class="largeCell">{%name%}</td>
            </tr>
            <tr class="row">
                <td class="smallCell firstCell">Adres:</td>
                <td class="largeCell">{%adres%}</td>
            </tr>
            <tr class="row">
                <td class="smallCell firstCell">Telefoonnummer:</td>
                <td class="largeCell">{%phone%}</td>
            </tr>
            <tr class="row">
                <td class="smallCell firstCell">E-mailadres:</td>
                <td class="largeCell">{%mail%}</td>
            </tr>
        </table>

Kann ich das Problem lösen, indem ich einen Teil meines Codes ändere, oder ist dies ein Fehler in mPDF?

Von dieses Dokumentes scheint, dass Grenzen für tr Elemente werden von der neuesten Version von mPDF (Version 6) unterstützt.

  1. Verwenden Sie die neueste Version?

  2. Vielleicht können Sie versuchen, einen unteren Rahmen nur auf die Zellen und nicht auf die Zeilen anzuwenden? (Stellen Sie einfach sicher, dass es keinen Tabellenzellenabstand oder td Zellränder oder Sie sehen Lücken in den Rändern).

  • Die einzige Lösung ist die zweite, obwohl in der Dokumentation steht, dass sie unterstützt wird

    – JesuLopez

    29. Mai 2018 um 7:29 Uhr

1437730cookie-checkMPdf-Botton-Grenze an jeder Zeilentabelle

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy