一个table 有分页时使用 border-collapse:collapse 沒有边框

dream828 2012-08-09 04:13:45

<div style="page-break-after:always; width:659px; text-align:left;">
<table style="border-collapse:collapse;border-spacing:0; width:100%; margin-top:5px;">
<tr>
<td style="border:solid 1px #999999; padding:5px 0;"></td>
<td style="border:solid 1px #999999; padding:5px 0;"></td>
</tr>
<tr>
<td style="border:solid 1px #999999; padding:5px 0;"></td>
<td style="border:solid 1px #999999; padding:5px 0;"></td>
</tr>
<tr>
<td style="border:solid 1px #999999; padding:5px 0;"></td>
<td style="border:solid 1px #999999; padding:5px 0;"></td>
</tr>
........
</table>
</div>

如上这种表格, 打印时,如果只有一页,表格边框会显示正常, 如果是多页, 从第二页开始表格头部没有边框,求高手指点.

如果不用border-collapse:collapse就会都有边框,但表格实在难看.

...全文

831 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

enasdy 2014-06-25

打赏
举报

<html> <head> <meta http-equiv="Content-Language" content="zh-cn"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>壁纸产品采购单</title> <script src="file:///C:/Users/Administrator/Desktop/practice/jquery-1.4.2.min.js"></script> <style> html body {padding:1px;} table{ border-left: 0px solid #888; border-right: 1px solid #888; border-top: 0px solid #888; border-bottom: 1px solid #888; width:100%; page-break-after:always; } td{ font-size:12px; height:25px; border-left: 1px solid #888; border-top: 1px solid #888; padding-left:4px; } .td_h2{ height:50px; } h3{ font-family:"微软雅黑,宋体"; font-weight:bold; top;15px; } </style> </head>

enasdy 2014-06-25

打赏
举报

你好，刚才我解决了这个问题，　在样式中写　body{padding:1px;} 或者2px 就可以了 ........

enasdy 2014-06-25

打赏
举报

请问问题解决了吗？

sunwenjunnet 2013-08-14

打赏
举报

你可以试着设置一下: table{border-collapse:collapse; border:#F00 1px solid;} table td{border:#F00 1px solid;} 单独再给td设置边框

设计手 2013-08-14

打赏
举报

我也很想知道你们是怎么处理的？娘的今天被我遇到了而且又搜到这里竟然没有答案！！我嘞了个去的！

dream828 2012-08-13

打赏
举报

頂起,有沒有人知道啊

dream828 2012-08-10

打赏
举报

我發現其實問題是,如果分頁時正好在表格的行中間,一行會被分成兩半,一半在上頁,另一半在下頁, 所以應該是如何讓表格在打印到要分的行的位置時,如果一行打不完就放到下頁打印,而不是一半一半打印出來.

dream828 2012-08-10

打赏
举报

你的代碼和我的是同樣的問題, 這個問題是在打印的時候出現的

以下代碼直接打印預覽就可以看出來:

<table style="border-right:solid 1px #999999;border-bottom:solid 1px #999999;width:80%; margin-top:5px;" cellpadding="0" cellspacing="0">
<tr>
<td style="border-left:solid 1px #999999;border-top:solid 1px #999999; padding:5px 0; height:1000px;">d</td>
<td style="border-left:solid 1px #999999;border-top:solid 1px #999999; padding:5px 0;">d</td>
</tr>
<tr>
<td style="border-left:solid 1px #999999;border-top:solid 1px #999999;padding:5px 0; height:50px;">d</td>
<td style="border-left:solid 1px #999999;border-top:solid 1px #999999; padding:5px 0;">d</td>
</tr>
<tr>
<td style="border-left:solid 1px #999999;border-top:solid 1px #999999;padding:5px 0;">d</td>
<td style="border-left:solid 1px #999999;border-top:solid 1px #999999; padding:5px 0;">d</td>
</tr>
<tr>
<td style="border-left:solid 1px #999999;border-top:solid 1px #999999;padding:5px 0;">d</td>
<td style="border-left:solid 1px #999999;border-top:solid 1px #999999; padding:5px 0;">d</td>
</tr>
<tr>
<td style="border-left:solid 1px #999999;border-top:solid 1px #999999;padding:5px 0;">d</td>
<td style="border-left:solid 1px #999999;border-top:solid 1px #999999; padding:5px 0;">d</td>
</tr>
</table>

小真子 2012-08-09

打赏
举报

在table中，还要加上 cellpadding="0" cellspacing="0"

小真子 2012-08-09

打赏
举报

我以前做的是，在td里面，单独设置边框，方法如下：

<table style="border-right:solid 1px #999999;border-bottom:solid 1px #999999;width:100%; margin-top:5px;">
<tr>
<td style="border-left:solid 1px #999999;border-top:solid 1px #999999; padding:5px 0;"></td>
<td style="border-left:solid 1px #999999;border-top:solid 1px #999999; padding:5px 0;"></td>
</tr>
<tr>
<td style="border-left:solid 1px #999999;border-top:solid 1px #999999; padding:5px 0;"></td>
<td style="border-left:solid 1px #999999;border-top:solid 1px #999999;padding:5px 0;"></td>
</tr>
<tr>
<td style="border-left:solid 1px #999999;border-top:solid 1px #999999;padding:5px 0;"></td>
<td style="border-left:solid 1px #999999;border-top:solid 1px #999999; padding:5px 0;"></td>
</tr>
........
</table>