dompdf bootstrap表的第一个值显示在第二列中

时间:2016-04-11 16:48:32

标签: twitter-bootstrap dompdf bootstrap-table

我使用Dompdf将表格报告导出为PDF,该表格在HTML中看起来如下(例如here):

  <table class="table">
    <thead>
      <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Email</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>John</td>
        <td>Doe</td>
        <td>john@example.com</td>
      </tr>
      <tr>
        <td>Mary</td>
        <td>Moe</td>
        <td>mary@example.com</td>
      </tr>
      <tr>
        <td>July</td>
        <td>Dooley</td>
        <td>july@example.com</td>
      </tr>
    </tbody>
  </table>

问题在于,当导出为PDF时,表的第一个值会偏移到第二列......就像这样:

<tbody>
      <tr>
        <td></td> {#NOTHING HERE#}
        <td>John</td>
        <td>Doe</td> 
      </tr>
      <tr>
        <td>john@example.com</td>{#Now everything is offset#}
        <td>Mary</td>
        <td>Moe</td>
      </tr>
      <tr>
        <td>mary@example.com</td>
        <td>July</td>
        <td>Dooley</td>
      </tr>
     <td>july@example.com</td>{#And this goes outside the table#}
    </tbody>

dompdf版本为0.7.x@beta

我甚至尝试将this site转换为divs并输出另一个错误!

为什么会这样?我该如何解决?

2 个答案:

答案 0 :(得分:0)

答案 1 :(得分:0)

这删除一些空格,尝试:

thead:before, thead:after { display: none; }
tbody:before, tbody:after { display: none; }