관리 메뉴

웹개발자의 기지개

[Javascript] 인쇄하기 - 페이징시 다음페이지도 헤더부 표시하기 본문

javascript

[Javascript] 인쇄하기 - 페이징시 다음페이지도 헤더부 표시하기

http://portfolio.wonpaper.net 2024. 7. 27. 06:46

 

팁이랄것도 없다.

HTML 페이지를 간단히 편하게 프린트하는게 window.open() 만으로도 충분하다.

 

그런데, 인쇄하기 다음페이지에서 HTML 헤더부가 그대로 나오도록 하고 싶을때는 아래와 같이 

HTML <thead> 부분을 꼭 표시해두면 깔끔하게 페이지마다 나타난다.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<table style="border-top:solid 1px;">
<colgroup>
    <col width="100">
    <col width="120">
    <col width="160">
    <col width="*">
</colgroup>
<thead>
<tr>
    <th scope="col">번호</th>
    <th scope="col">제목</th>
    <th scope="col">내용</th>
    <th scope="col">비고</th>
</tr>
</thead>
<tbody>
<tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
</tr>
</tbody>
</html>
cs
Comments