DOMPDFModule 无法正确呈现字段

Question

我正在尝试通过 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字段中）等等。

如有任何帮助，我们将不胜感激。

谢谢！

Answer 1

代码看起来不错，但大多数 pdf 库与 CSS 配合使用效果不佳。

先尝试使用 table 渲染您的 pdf，而不是先使用 css。

看看 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>

Answer 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 is not particularly tolerant to poorly-formed HTML input. To avoid any unexpected rendering issues you should either enable the built-in HTML5 parser at runtime ($dompdf->set_option('isHtml5ParserEnabled', true);) or run your HTML through a HTML validator/cleaner (such as Tidy or the W3C Markup Validation Service).

您可能也对 DOMPDFModule 有顾虑，因为它需要 0.6.* 版本的 dompdf，但是 isHtml5ParserEnabled 仅在 v0.7.0-beta3 中可用。 https://github.com/raykolbe/DOMPDFModule/blob/master/composer.json

DOMPDFModule 无法正确呈现字段

DOMPDFModule won't render fields correctly

php

zend-framework2