需要在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> 

$（'table＃foo tbody tr：last-child'）。css（{border-bottom：＃555}）;