DOMPDFModule无法正确呈现字段

时间:2016-02-24 04:49:20

标签: php zend-framework2

我正在尝试通过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; 

}

此外,这是一张可能最能说明我想说的内容的图片:

enter image description here

正如您所看到的,字段是一个字段(15应该在id字段中),依此类推。

任何帮助将不胜感激。

谢谢!

2 个答案:

答案 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 } enter image description here 一旦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>