html/cssの各ページの最後の行に下の境界線を描く必要があります

Question

私は、ページを横切って走る可能性のあるコンテンツを持つHTMLから動的にpdfを生成しています。IE11を使用しています。

複数のページに実行されるテーブルがある場合、最後の行の下の境界線は、破損した各ページに表示されません。下の境界線は、最後のページまたはテーブルが閉じている場所にのみ表示されます。

この場合、下端を適用する方法はありますか。

Answer 1

javascriptの部分と（border-collapse）をcssに入れるだけです。私はスタイリングのためだけに他のCSSを書いています。

var $foo = $('#foo'); 
 
var bodyLastRow = $foo.children('tbody').children('tr:last-child'); 
 
bodyLastRow.css({ 
 
    'border-bottom': '1px solid #555' 
 
});

#foo { 
 
    border-collapse: collapse; 
 
} 
 

 
#foo thead tr { 
 
    background: rgba(0,255,0,0.6); 
 
} 
 

 
#foo tbody tr { 
 
    background: rgba(0,255,0,0.3); 
 
} 
 

 
#foo tbody tr td, #foo thead tr td { 
 
    padding: 5px; 
 
}

<table id="foo"> 
 
    <thead> 
 
    <tr> 
 
     <td>Name</td> 
 
     <td>Email</td> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td>Ashish</td> 
 
     <td>ashish@gmail.com</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Asdh</td> 
 
     <td>asdh@outlook.com</td> 
 
    </tr> 
 
    </tbody> 
 
</table> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

$（ '＃テーブルのFOOのTBODYのTR：最後の子'）、CSS（{ 境界底：＃555 }）。