Borde de botón MPdf en cada tabla de filas

2 minutos de lectura

Avatar de usuario de JimmyD
jimmyd

Estoy haciendo un módulo de WordPress para reservar una habitación. Ahora uso mPDF para crear los contratos de las reservas automáticamente.

mPDF tiene problemas para crear tablas con una línea de borde en cada fila. Cuando creo la tabla y la veo en html, todo se ve bien. Pero cuando creo un PDF con mPDF, no me muestra el borde inferior de la fila.

Este es el código html que utilizo para generar el 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>

¿Puedo resolver el problema cambiando parte de mi código o es un error en mPDF?

Desde este documentoparece que las fronteras para tr Los elementos son compatibles con la última versión de mPDF (versión 6).

  1. ¿Está utilizando la última versión?

  2. ¿Tal vez pueda intentar aplicar un borde inferior solo a las celdas, y no a las filas? (Solo asegúrese de que no haya espacio entre celdas de tabla o td márgenes de las celdas, o verá espacios en los bordes).

  • La única solución es la segunda aunque en la documentación dice que es compatible.

    – Jesús López

    29 de mayo de 2018 a las 7:29

¿Ha sido útil esta solución?