인쇄 할 때 왼쪽과 두 번째 페이지의 테이블 맨 위에 테두리가 없습니다. 이 문제를 어떻게 해결할 수 있습니까? 테이블 스타일이 무엇인가를 가지고여러 페이지를 인쇄 할 수 없습니다. 표 테두리 레이아웃
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<style type="text/css">
@media print
{
body {
margin: 0;
padding: 0;
color: #000000 !important;
background-color: #ffffff !important;
}
* {
color: inherit !important;
background-color: transparent !important;
background-image: none !important;
}
table {
width: 100%;
border: 1pt solid #000000;
border-collapse: collapse;
font-size: 11pt;
}
#space { height: 750px; }
}
</style>
</head>
<body>
<br /><br />
<h2>.</h2>
<div id="space"></div>
<table border="1">
<thead>
<tr><th>Amount</th><th>label</th></tr>
</thead>
<tbody>
<tr><td>20</td><td>pineapple</td></tr>
<tr><td>20</td><td>pineapple</td></tr>
<tr><td>20</td><td>pineapple</td></tr>
<tr><td>20</td><td>pineapple</td></tr>
<tr><td>20</td><td>pineapple</td></tr>
<tr><td>20</td><td>pineapple</td></tr>
<tr><td>20</td><td>pineapple</td></tr>
<tr><td>20</td><td>pineapple</td></tr>
<tr><td>20</td><td>pineapple</td></tr>
<tr><td>20</td><td>pineapple</td></tr>
<tr><td>20</td><td>pineapple</td></tr>
<tr><td>20</td><td>pineapple</td></tr>
<tr><td>20</td><td>pineapple</td></tr>
<tr><td>20</td><td>pineapple</td></tr>
</tbody>
</table>
</body>
</html>
브라우저 란? FF6에서 작동합니다. pdf를 생성하면 확대/축소가 좋고 확대/축소 렌더링 문제가 아닌지 확인하십시오. –
FF6. pdf를 생성하면 좀 나아 보이지만 아직 좋지 않습니다. 왼쪽 및 위쪽 테두리가 있지만 다른 테두리보다 얇습니다. –