2016-12-04 80 views
0

我想創建一個包含部分填充,部分爲空的表的PDF。爲了達到這個目的,我通過Laravel wrapper使用DomPDFDompdf表空單元格

看來,DomPDF以某種方式錯估了空單元格的高度,也取代了表格和內容。

這裏是一個最小的破例如:

<html> 
 
<head> 
 
    <style> 
 
     html, body { 
 
\t \t \t font-family: DejaVu Sans; 
 
\t \t } 
 
\t \t 
 
\t \t table { 
 
\t \t \t border-collapse: collapse; 
 
\t \t \t border: none; 
 
      margin: 0; 
 
\t \t \t width: 100%; 
 
\t \t } 
 
\t \t 
 
\t \t table.main td { 
 
      padding: 0; 
 
\t \t \t border: 2px solid black; 
 
\t \t } 
 
\t \t 
 
\t \t .main table td { 
 
\t \t \t border: 1px black solid; 
 
\t \t \t text-align: center; 
 
\t \t \t font-size: 10px; 
 
\t \t \t height: 14px; 
 
\t \t } 
 
\t </style> 
 
</head> 
 

 
<body> 
 
\t <table class="main"> 
 
\t \t <tr> 
 
\t \t \t <td> 
 
\t \t \t \t <table> 
 
\t \t \t \t \t <tr><td>1</td></tr> 
 
\t \t \t \t \t <tr><td>2</td></tr> 
 
\t \t \t \t \t <tr><td>3</td></tr> 
 
\t \t \t \t \t <tr><td>4</td></tr> 
 
\t \t \t \t \t <tr><td>5</td></tr> 
 
\t \t \t \t \t <tr><td>6</td></tr> 
 
\t \t \t \t \t <tr><td>7</td></tr> 
 
\t \t \t \t \t <tr><td>8</td></tr> 
 
\t \t \t \t \t <tr><td>9</td></tr> 
 
\t \t \t \t \t <tr><td>10</td></tr> 
 
\t \t \t \t </table> 
 
\t \t \t </td> 
 
\t \t \t <td> 
 
\t \t \t \t <table> 
 
\t \t \t \t \t <tr><td>1</td></tr> 
 
\t \t \t \t \t <tr><td>2</td></tr> 
 
\t \t \t \t \t <tr><td>3</td></tr> 
 
\t \t \t \t \t <tr><td></td></tr> 
 
\t \t \t \t \t <tr><td></td></tr> 
 
\t \t \t \t \t <tr><td></td></tr> 
 
\t \t \t \t \t <tr><td></td></tr> 
 
\t \t \t \t \t <tr><td></td></tr> 
 
\t \t \t \t \t <tr><td></td></tr> 
 
\t \t \t \t \t <tr><td></td></tr> 
 
\t \t \t \t </table> 
 
\t \t \t </td> 
 
\t \t </tr> 
 
\t </table> 
 
</body> 
 
</html>

這是表看起來像在生成的PDF:

enter image description here

我已嘗試添加min-heightmax-height表格單元格,但沒有資源但是,它仍然隨機地忽略了一切。

回答

0

事實證明,這需要line-height設置完全等於字體大小。這將起作用:

.main table td { 
     border: 1px black solid; 
     text-align: center; 
     font-size: 10px; 
     line-height: 10px; 
     height: 14px; 
    } 
+0

確實,與表格一起使用時,最小/最大高度聲明現在不起作用。除了設置行高以外,還可以提供非打印字符(例如' ')以填充具有大小內容的空間以擴展單元格。 – BrianS