2015-12-02 74 views
0

我需要在表格行内使用分页符。但问题是当我使用分页行(tr)之后,那行(tr)在打印时正在绘图到页尾。任何想法来解决这个问题。带边框的Html分页表(打印)

来源:

<!DOCTYPE HTML> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Test</title> 
</head> 
<body> 
    <table border="1" > 
     <thead> 
     <tr><th>heading</th><th>heading 2</th></tr> 
     </thead> 
     <tfoot> 
      <tr><td>footer 1</td><td>footer 2</td></tr> 
     </tfoot> 
     <tr> 
      <td>x</td> <td>x1</td> 
     </tr> 
     <tr> 
      <td>x</td> <td>x2</td> 
     </tr> 
     <tr> 
      <td></td> <td> 
      <div style="page-break-after: always;"></div> 
      </td> 
     </tr> 
     <tr> 
      <td>x</td> <td>x3</td> 
     </tr> 
    </tbody> 
    </table> 
</body> 
</html> 

屏幕截图: 第一页, first page 第二页, second page

+0

使用css添加高度样式到您的表格 –

回答

2

的原因是<div style="page-break-after: always;"></div>

始终 - 始终插入后分页符元素

例如,避免值在打印页面上没有发现问题。

CSS page-break-after Property