긴 HTML 표를 인쇄할 때 각 페이지에 머리글과 바닥글을 추가하는 데 도움이 필요합니다.
P粉662802882
P粉662802882 2023-12-18 17:46:07
0
1
478

긴 HTML 테이블이 포함된 뷰가 있습니다. 뷰를 인쇄하려고 하면 테이블이 페이지로 분할됩니다. 분명히 양식이 중단되고 다음 페이지로 계속됩니다. 인쇄된 모든 페이지에 머리글과 바닥글을 깔끔하게 추가하고 싶습니다.

다음과 같은 CSS 페이지 나누기 속성을 사용해 보았습니다.

내부 페이지 나누기 페이징 후 페이지 매김 전 <​​/p>

position:fixed를 사용하여 머리글과 바닥글을 위쪽과 아래쪽으로 고정해 보았습니다. 바닥글은 모든 페이지에 표시되지만 표와 겹칩니다. 강조 표시된 영역에서 볼 수 있듯이:

그래서 머리글과 바닥글을 겹치지 않게 표시하고 싶습니다.

이렇게 테이블이 깨졌네요^^

모든 페이지에 머리글과 바닥글을 표시하고 싶습니다. thead 및 tfoot 태그에 머리글과 바닥글을 추가하려고 시도했지만 작동하지 않습니다.

다음과 같은 CSS 페이지 나누기 속성을 사용해 보았습니다.

내부 페이지 나누기 페이징 후 페이지 매김 전 <​​/p>

position:fixed를 사용하여 머리글과 바닥글을 위쪽과 아래쪽으로 고정해 보았습니다. 바닥글은 모든 페이지에 표시되지만 표와 겹칩니다. 강조 표시된 영역에서 볼 수 있듯이:

P粉662802882
P粉662802882

모든 응답(1)
P粉744831602

내 문제를 해결한 코드는 다음과 같습니다.

HTML

으아악

CSS

으아악
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!