Question

我从HTML动态生成pdf，其内容可能跨页面运行。我使用的是IE11。

当存在一个运行到多个页面的表时，最后一行的下边框不会显示在每个损坏的页面中。底部边框仅出现在最后一页或表格关闭的位置。

在这种情况下，有没有办法应用底部边框。

Answer 1

你只需要将javascript部分和（border-collapse）放在css中。我已经为造型写了其他的CSS。

＆＃13;

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

＆＃13;

#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;
}

＆＃13;

<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>

＆＃13;

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

需要在html / css中每页的最后一行绘制底部边框

1 个答案: