2016-05-28 5 views
1

Я создаю модуль Wordpress для резервирования комнаты. Теперь я использую mPDF для автоматического создания заказов на бронирование.MPdf botton border на каждом столе таблицы

mPDF имеет проблемы с созданием таблиц с каждой строкой границы. Когда я создаю таблицу и просматриваю ее в html, все выглядит нормально. Но когда я создаю PDF-файл с mPDF, он не показывает мне нижнюю границу строки.

Это HTML-код, который я использую для создания 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>

Могу ли я решить эту проблему, изменив некоторые из моего кода, или это ошибка в MPDF?

ответ

1

От this document, похоже, что границы для tr элементов поддерживаются последней версией mPDF (версия 6).

  1. Вы используете последнюю версию?

  2. Возможно, вы можете попробовать применить нижнюю границу только к ячейкам, а не к строкам? (Просто убедитесь, что нет ячейки ячейки или td поля ячейки, или вы увидите пробелы в границах).