dompdf [v0.7.0-beta3]インラインCSSを使用するテーブル

Question

テーブルでインラインCSSを使用しているときにインラインCSSがレンダリングされないのはなぜですか？

長いtdを作るために余白を使用しようとしましたが、レンダリングは無視されました。ここで

は、セルの幅を設定するの周りのバギー行動があるように見えるのindex.php

$laporan .='<table border="1"> 
      <tr> 
       <td style="margin: 1em;"></td> 
       <td width="227px"></td> 
       <td style="text-align:center;" width="150px">Mengetahui</td> 
      </tr> 
      <tr> 
       <td max-width="230px"></td> 
       <td width="227px"></td> 
       <td style="text-align:center;" width="150px">Kepala PDAM</td> 
      </tr> 
      <tr> 
       <td rowspan="4"></td> 
       <td></td> 
      </tr> 
      <tr><td></td></tr> 
      <tr><td></td></tr> 
      <tr><td></td></tr> 
      <tr><td></td></tr> 
      <tr> 
       <td width="230px"></td> 
       <td width="227px"></td> 
       <td style="text-align:center;" width="150px"><u>Prof.Dr.Raymond Renoldy</u></td> 
      </tr> 
      <tr> 
       <td width="230px"></td> 
       <td width="227px"></td> 
       <td style="text-align:center;" width="150px">NIP.123 0987 0973</td> 
      </tr> 
     </table>'; 

Answer 1

です。なぜこれが起こっているのか正確に言う前に、より多くの研究が必要になるかもしれませんが、最初の行の空のセルに改行しないスペースを追加するように見えます。

は、問題追跡にバグレポートを投稿してお気軽に：https://github.com/dompdf/dompdf/issues/new

言われて、あなたのインラインCSSは、あなたがどう思うかはかなりされていないこと。コードサンプルが正確であれば、HTML属性とインラインCSSが混在しているように見えます。 widthのHTML属性はユニットを取らない（私はdompdfがそれを受け入れると信じるが）max-widthの属性は存在しない。

元で問題を解決し、あなたのHTMLをクリーンアップし、次の両方のHTML、試してみてください。

<table border="1"> 
    <tr> 
    <td style="margin: 1em;">&nbsp;</td> 
    <td style="width: 227px">&nbsp;</td> 
    <td style="text-align:center; width: 150px;">Mengetahui</td> 
    </tr> 
    <tr> 
    <td style="max-width: 230px;"></td> 
    <td style="width: 227px;"></td> 
    <td style="text-align: center; width: 150px;">Kepala PDAM</td> 
    </tr> 
    <tr> 
    <td rowspan="4"></td> 
    <td></td> 
    </tr> 
    <tr><td></td></tr> 
    <tr><td></td></tr> 
    <tr><td></td></tr> 
    <tr><td></td></tr> 
    <tr> 
    <td style="width: 230px;"></td> 
    <td style="width: 227px;"></td> 
    <td style="text-align:center; width: 150px;"><u>Prof.Dr.Raymond Renoldy</u></td> 
    </tr> 
    <tr> 
    <td style="width: 230px;"></td> 
    <td style="width: 227px;"></td> 
    <td style="text-align:center; width: 150px;">NIP.123 0987 0973</td> 
    </tr> 
</table> 

もDOMPDFを持つテーブルをレンダリングするとき、いくつかの問題があることに注意してください。幅が計算される方法によって、コンテンツがその幅を超える場合、dompdfは特定の幅/最大幅のスタイルを無視します。