2016-12-04 2 views
0

부분적으로 채워진 테이블을 포함하는 PDF를 만들려고합니다. 일부는 비어 있습니다. 이 작업을 수행하려면 Laravel wrapper을 통해 DomPDF을 사용하고 있습니다.빈 셀이있는 Dompdf 테이블

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이지만 res는 없습니다. 궁극적으로, 그것은 여전히 ​​모든 것을 잘못 정렬합니다.

답변

0

글꼴 크기와 정확히 일치하도록 line-height을 설정해야합니다. 이것은 작동 할 것입니다 :

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

테이블과 함께 사용할 때 최소/최대 높이 선언이 너무 잘 작동하지 않는 것은 사실입니다. 선 높이를 설정하는 것 외에도 공간을 채우기 위해 인쇄 할 수없는 문자 (예 : ' ')를 제공하여 크기가 확장 된 내용으로 셀을 확장 할 수 있습니다. – BrianS