php - DOMPDFModule 无法正确呈现字段

Question

我正在尝试通过 Zend Framework 2 的 DOMPDFModule 呈现 PDF 文档。它呈现大部分成功，但字段关闭。这是我的 Controller 和 View 代码:

 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;
 }

和 View -

  <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

问题是由您从 View 调用的 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:边框框；
-moz-box-sizing:边框框；
框大小:边框框
}
//删除接下来的 6 行
:后，
:前 {
-webkit-box-sizing:边框框；
-moz-box-sizing:边框框；
框大小:边框框
}
一旦 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