fixed tbodyの高さのテーブル

Question

私は、テーブル1を表2のように見せようとしています。私はまた、増加した高さに気づき、透かし画像が印刷プレビュー

表1

表2

Answer 1

これを解決するTBODYの最後に行を追加するには反映していません。

<table> 
    <thead> 
    <tr> 
     <th>S/N</th> 
     <th>Description of goods</th> 
     <th>QTY</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td>1</td> 
     <td>Arch</td> 
     <td>7.92</td> 
    </tr> 
    <tr> 
     <td>2</td> 
     <td>White</td> 
     <td>3.96</td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 
    </tbody> 
</table> 



table { 
    border-collapse: collapse; 
} 

table, th, td { 
    border: 1px solid #000; 
} 
td { 
    border-top: 0; 
    border-bottom: 0; 
} 

table { 
    height: 150px; 
} 
tr:last-child { 
    height: 100%; 
} 

https://jsfiddle.net/moisesnandres/4py2m8aq/

私の例をチェック