CODEWITHSUNDEEP
phpcsswordpresshtml-tablempdf
JimmyD
JimmyD

Reputation: 2759

MPdf botton border on every row table

I'm making a Wordpress module to reserve a room. Now I use mPDF to create the contracts of the reservations automatically.

mPDF has problems with creating tables with on every row a border line. When I create the table and view it in html everything looks fine. But when I create a PDF with mPDF the does not show me the row bottom border.

This is the html code that I use to generate the pdf:

.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>

Can I resolve the problem by changing some of my code or is this a bug in mPDF?

Upvotes: 3

Views: 7811

Answers (1)

Stefan
Stefan

Reputation: 3900

From this document, it appears that borders for tr elements are supported by the latest version of mPDF (version 6).

  1. Are you using the latest version?

  2. Maybe you can try to apply a bottom border to the cells only, and not the rows? (Just make sure there are no table cellspacing or td cell margins, or you will see gaps in the borders).

Upvotes: 5

Related Questions