2016-06-15 17 views
0

私はpdpdを作成するためにdompdfを使用します。 このpdfで、私はテーブルを作成します。しかし、私はこのテーブルを500pxのような一定の高さにしたいと思っています。css dompdfでテーブルの高さを定義する方法

これはコードです:

<div style="width : 100%; height: 550px"> 
        <table class="detail" style="width : 100%; padding-top: -10px; height: 550px "> 
         <tbody> 
          <tr> 
           <th rowspan="2" style="width : 5%; border: 1px solid black"><strong>No</strong></th> 
           <th rowspan="2" style="width : 50%; border: 1px solid black"><strong>DESCRIPTION</strong></th> 
           <th colspan="2" style="border: 1px solid black"<strong>UNIT</strong></th> 
           <th rowspan="2" style="border: 1px solid black" colspan="2">Total<br> IDR</th> 
          </tr> 

          <tr> 
           <td style='text-align : center; border: 1px solid black '><strong>QUANTITY</strong></td> 
           <td style='text-align : center; border: 1px solid black' ><strong>PRICE</strong></td> 
          </tr> 

          <tr><td style='text-align : center; border-right: solid 1px black; border-bottom : none; border-top:none'>1</td><td style='text-align : left; border-right: solid 1px black; border-bottom : none; border-top:none; padding: 2px;'>STORAGE</td><td style='text-align : center; border-right: solid 1px black; border-bottom : none; border-top:none; padding: 2px; '>1</td><td style='text-align : right; border-right: solid 1px black; border-bottom : none; border-top:none; padding: 2px;'>30,103,437.60</td><td colspan='2' style='text-align : right; border-right: solid 1px black; border-bottom : none; border-top:none; padding: 2px;'>30,103,437.60</td></tr><tr><td style='text-align : center; border-right: solid 1px black; border-bottom : none; border-top:none'>2</td><td style='text-align : left; border-right: solid 1px black; border-bottom : none; border-top:none; padding: 2px;'>REPO</td><td style='text-align : center; border-right: solid 1px black; border-bottom : none; border-top:none; padding: 2px; '>1</td><td style='text-align : right; border-right: solid 1px black; border-bottom : none; border-top:none; padding: 2px;'>1,470,852.00</td><td colspan='2' style='text-align : right; border-right: solid 1px black; border-bottom : none; border-top:none; padding: 2px;'>1,470,852.00</td></tr><tr><td style='text-align : center; border-right: solid 1px black; border-bottom : none; border-top:none'>3</td><td style='text-align : left; border-right: solid 1px black; border-bottom : none; border-top:none; padding: 2px;'>CLEANING</td><td style='text-align : center; border-right: solid 1px black; border-bottom : none; border-top:none; padding: 2px; '>1</td><td style='text-align : right; border-right: solid 1px black; border-bottom : none; border-top:none; padding: 2px;'>129,244,310.00</td><td colspan='2' style='text-align : right; border-right: solid 1px black; border-bottom : none; border-top:none; padding: 2px;'>129,244,310.00</td></tr><tr><td style='text-align : center; border-right: solid 1px black; border-bottom : none; border-top:none'>4</td><td style='text-align : left; border-right: solid 1px black; border-bottom : none; border-top:none; padding: 2px;'>ONE_BAR</td><td style='text-align : center; border-right: solid 1px black; border-bottom : none; border-top:none; padding: 2px; '>1</td><td style='text-align : right; border-right: solid 1px black; border-bottom : none; border-top:none; padding: 2px;'>20,591,928.00</td><td colspan='2' style='text-align : right; border-right: solid 1px black; border-bottom : none; border-top:none; padding: 2px;'>20,591,928.00</td></tr><tr><td style='text-align : center; border-right: solid 1px black; border-bottom : none; border-top:none'>5</td><td style='text-align : left; border-right: solid 1px black; border-bottom : none; border-top:none; padding: 2px;'>PERIODICAL TEST 2.5 YEARS</td><td style='text-align : center; border-right: solid 1px black; border-bottom : none; border-top:none; padding: 2px; '>1</td><td style='text-align : right; border-right: solid 1px black; border-bottom : none; border-top:none; padding: 2px;'>3,404,750.00</td><td colspan='2' style='text-align : right; border-right: solid 1px black; border-bottom : none; border-top:none; padding: 2px;'>3,404,750.00</td></tr><tr><td style='text-align : center; border-right: solid 1px black; border-bottom : none; border-top:none'>6</td><td style='text-align : left; border-right: solid 1px black; border-bottom : none; border-top:none; padding: 2px;'>PERIODICAL TEST 5 YEARS</td><td style='text-align : center; border-right: solid 1px black; border-bottom : none; border-top:none; padding: 2px; '>1</td><td style='text-align : right; border-right: solid 1px black; border-bottom : none; border-top:none; padding: 2px;'>7,354,260.00</td><td colspan='2' style='text-align : right; border-right: solid 1px black; border-bottom : none; border-top:none; padding: 2px;'>7,354,260.00</td></tr><tr><td style='text-align : center; border-right: solid 1px black; border-bottom : none; border-top:none'>7</td><td style='text-align : left; border-right: solid 1px black; border-bottom : none; border-top:none; padding: 2px;'>REPAIR</td><td style='text-align : center; border-right: solid 1px black; border-bottom : none; border-top:none; padding: 2px; '>1</td><td style='text-align : right; border-right: solid 1px black; border-bottom : none; border-top:none; padding: 2px;'>104,211,907.05</td><td colspan='2' style='text-align : right; border-right: solid 1px black; border-bottom : none; border-top:none; padding: 2px;'>104,211,907.05</td></tr> 

          <tr> 
           <td style='height : 50px;text-align : center; border-right: solid 1px black; border-bottom : solid 1px black; border-top:none'></td> 
           <td style='text-align : left; border-right: solid 1px black; border-bottom : solid 1px black; border-top:none; padding: 2px;'><strong>PERIODE MEI 2016 </strong></td> 
           <td style='text-align : left; border-right: solid 1px black; border-bottom : solid 1px black; border-top:none; padding: 2px;'></td> 
           <td style='text-align : left; border-right: solid 1px black; border-bottom : solid 1px black; border-top:none; padding: 2px;'></td> 
           <td colspan="2" style='text-align : right; border-right: solid 1px black; border-bottom : solid 1px black; border-top:none; padding: 2px;'></td> 
          </tr> 

          <tr> 
           <td rowspan="3" colspan="3" style="border : none;"></td> 
           <td style="text-align : right; border: 1px solid black"><strong>SUB TOTAL</strong></td> 
           <td colspan="2" style="text-align : right; border: 1px solid black">296,381,444.65</td> 
          </tr> 

          <tr> 

           <td style="text-align : right; border: 1px solid black"><strong>VAT 10%</strong></td> 
           <td colspan="2" style="text-align : right; border: 1px solid black; "> 
            29,638,144.47         </td> 
          </tr> 

          <tr> 

           <td style="text-align : right; border: 1px solid black"><strong>TOTAL</strong></td> 
           <td colspan="2" style="text-align : right; border: 1px solid black"> 
            326,019,589.12         </td> 
          </tr> 
         </tbody> 
        </table> 
       </div> 

はdiv要素とテーブルの高さのプロパティで参照してください。私はすでにそれを宣言しました。したがって、tbodyの行が1行だけであれば、テーブルの高さを一定にしたいですが、これはdompdfでは機能しません。

助けてください、何かお手伝いをしてください。

+0

コードを共有してください... –

+0

あなたは '

'タグ 'display:block'を与えようとしましたか? – Roysh

+0

_ "\ [dompdf]が外部スタイルシート、インラインスタイルタグ、個々のHTML要素のスタイル属性をダウンロードして読み込むことを考えると、_インラインで複製されたスタイルスタイル=" ... "'をすべて削除する必要があります。それらを '