我正在尝试通过Zend Framework 2的DOMPDFModule呈现PDF文档。它在很大程度上呈现成功,但字段已关闭。这是我的控制器和视图的代码:
public function pdfAction()
{
$pdf = new PdfModel();
$pdf->setOption('filename', 'questions');
$pdf->setOption('paperSize', 'a3');
$pdf->setOption('paperOrientation', 'landscape');
$pdf->setVariables(array(
'records' => $this->getQuestionsService()->getRecords()
));
return $pdf;
}
和视图 -
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" type="text/css">
<div class="container">
<div class="row">
<div class="col-md-6">
<img src="http://dev.teeforall.com/images/logo.png">
</div>
<div class="col-md-6">
<h1>Questions Report</h1>
</div>
</div>
</div>
<table class="table table-striped table-hover table-bordered">
<tr>
<td>Id</td> <!-- 0 -->
<td>Question</td> <!-- 1 -->
<td style="white-space: nowrap;">Order Issue</td> <!-- 2 -->
<td style="white-space: nowrap;">Shipping Issue</td> <!-- 3 -->
<td style="white-space: nowrap;">Refunds/Returns Issues</td><!-- 4 -->
<td style="white-space: nowrap;">Update Issues</td> <!-- 5 -->
<td style="white-space: nowrap;">Campaign Issue</td> <!-- 6 -->
<td style="white-space: nowrap;">Change Issues</td> <!-- 7 -->
<td style="white-space: nowrap;">Design Issues</td> <!-- 8 -->
<td style="white-space: nowrap;">TeeForAll Works</td> <!-- 9 -->
<td style="white-space: nowrap;">Order ID</td> <!-- 10 -->
<td style="white-space: nowrap;">Site url</td> <!-- 11 -->
<td>Name</td> <!-- 12 -->
<td>Email</td> <!-- 13 -->
<td>Comment</td> <!-- 14 -->
<td>Status</td> <!-- 15 -->
</tr>
<?php
if (false !== $this->records) {
foreach ($this->records as $records): ?>
<tr>
<td><?php echo $records->id; ?></td> <!-- 0 -->
<td><?php echo $records->question; ?></td> <!-- 1 -->
<td><?php echo $records->order_issue; ?></td> <!-- 2 -->
<td><?php echo $records->sub_shipping_issue; ?></td> <!-- 3 -->
<td><?php echo $records->sub_refunds_returns_issue; ?></td> <!-- 4 -->
<td><?php echo $records->sub_update_issue; ?></td> <!-- 5 -->
<td><?php echo $records->sub_campaign_issue; ?></td> <!-- 6 -->
<td><?php echo $records->sub_campaign_change_issues; ?></td> <!-- 7 -->
<td><?php echo $records->sub_campaign_design_changes; ?></td> <!-- 8 -->
<td><?php echo $records->sub_teeforall_works; ?></td> <!-- 9 -->
<td><?php echo $records->order_id; ?></td> <!-- 10 -->
<td><?php echo $records->site_url; ?></td> <!-- 11 -->
<td><?php echo $records->name; ?></td> <!-- 12 -->
<td><?php echo $records->email; ?></td> <!-- 13 -->
<td><?php echo $records->comment; ?></td> <!-- 14 -->
<td><?php echo $records->status; ?></td> <!-- 15 -->
</tr>
<?php endforeach; ?>
<?php } else { ?>
<tr>
<td>null</td>
<td>null</td>
<td>null</td>
<td>null</td>
<td>null</td>
<td>null</td>
<td>null</td>
<td>null</td>
<td>null</td>
<td>null</td>
<td>null</td>
<td>null</td>
<td>null</td>
<td>null</td>
<td>null</td>
<td>null</td>
</tr>
<?php
}
?>
</table>
以下是抓取数据库条目的实际代码:
/**
* Gets all rows from the database table questions
* @return ResultSet|bool
*/
public function getRecords()
{
$sql_select = new Select('questions');
$sql_select->columns(array(
'id', 'question', 'order_issue', 'sub_shipping_issue', 'sub_refunds_returns_issue', 'sub_update_issue',
'sub_campaign_issue', 'sub_campaign_change_issues', 'sub_campaign_design_changes', 'sub_teeforall_works', 'order_id',
'site_url', 'name', 'email', 'comment', 'status'
))->where(new \Zend\Db\Sql\Predicate\IsNotNull('id'));
$select = $this->table_gateway->selectWith($sql_select);
if ($select->count() > 0) {
return $select;
}
return false;
}
此外,这是一张可能最能说明我想说的内容的图片:
正如您所看到的,字段是一个字段(15应该在id字段中),依此类推。
任何帮助将不胜感激。
谢谢!
答案 0 :(得分:2)
问题是由您从视图调用的https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css
引起的。
确切地说,*:before, *:after
会导致此行移位。
这是DOMPDF中的一个已知问题:
https://github.com/dompdf/dompdf/issues/1103
https://github.com/dompdf/dompdf/issues/758#issuecomment-86180160
作为临时解决方案,您可以尝试在css:https://github.com/dompdf/dompdf/issues/1103#issuecomment-185855083下面添加下一个代码,或者使用bootstrap.min.css的修改版本。这是你应该制作的版本:
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
// DELETE NEXT 6 LINES
:after,
:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
一旦DOMPDF团队修复了这个错误,请确保你没有忘记:
Dompdf对格式不佳的HTML输入并不是特别宽容。至 避免任何意外的渲染问题,你应该启用 运行时内置的HTML5解析器 ($ dompdf-&gt; set_option(&#39; isHtml5ParserEnabled&#39;,true);)或运行您的HTML 通过HTML验证器/清理器(如Tidy或W3C Markup 验证服务)。
您可能也对DOMPDFModule感兴趣,因为它需要0.6。*版dompdf
,但isHtml5ParserEnabled
仅在v0.7.0-beta3中可用。
https://github.com/raykolbe/DOMPDFModule/blob/master/composer.json
答案 1 :(得分:0)
代码看起来很好,但大多数pdf库在CSS上运行得不好。
尝试使用没有css的表格来渲染你的pdf。
查看DOMPDF是否可以正常呈现它。
<table>
<tr>
<td>Id</td> <!-- 0 -->
<td>Question</td> <!-- 1 -->
<td style="white-space: nowrap;">Order Issue</td> <!-- 2 -->
<td style="white-space: nowrap;">Shipping Issue</td> <!-- 3 -->
<td style="white-space: nowrap;">Refunds/Returns Issues</td><!-- 4 -->
<td style="white-space: nowrap;">Update Issues</td> <!-- 5 -->
<td style="white-space: nowrap;">Campaign Issue</td> <!-- 6 -->
<td style="white-space: nowrap;">Change Issues</td> <!-- 7 -->
<td style="white-space: nowrap;">Design Issues</td> <!-- 8 -->
<td style="white-space: nowrap;">TeeForAll Works</td> <!-- 9 -->
<td style="white-space: nowrap;">Order ID</td> <!-- 10 -->
<td style="white-space: nowrap;">Site url</td> <!-- 11 -->
<td>Name</td> <!-- 12 -->
<td>Email</td> <!-- 13 -->
<td>Comment</td> <!-- 14 -->
<td>Status</td> <!-- 15 -->
</tr>
<tr>
<td>Data 0</td> <!-- 0 -->
<td>Data 1</td> <!-- 1 -->
<td>Data 2</td> <!-- 2 -->
<td>Data 3</td> <!-- 3 -->
<td>Data 4</td><!-- 4 -->
<td>Data 5</td> <!-- 5 -->
<td>Data 6</td> <!-- 6 -->
<td>Data 7</td> <!-- 7 -->
<td>Data 8</td> <!-- 8 -->
<td>Data 9</td> <!-- 9 -->
<td>Data 10</td> <!-- 10 -->
<td>Data 11</td> <!-- 11 -->
<td>Data 12</td> <!-- 12 -->
<td>Data 13</td> <!-- 13 -->
<td>Data 14</td> <!-- 14 -->
<td>Data 15</td> <!-- 15 -->
</tr>
</table>