찾다

 >  Q&A  >  본문

긴 HTML 표를 인쇄할 때 각 페이지에 머리글과 바닥글을 추가하는 데 도움이 필요합니다.

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

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

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

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

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

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

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

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

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

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

P粉662802882P粉662802882351일 전515

모든 응답(1)나는 대답할 것이다

  • P粉744831602

    P粉7448316022023-12-19 12:06:13

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

    HTML

    으아악

    CSS

    으아악

    회신하다
    0
  • 취소회신하다