스크롤 가능한 테이블의 전체 내용을 인쇄하십시오.

가로 스크롤이있는 다음 페이지가 있습니다. 가로 스크롤 막대 영역 내에서 내용을 인쇄해야합니다. 이 페이지가 인쇄되는 경우스크롤 가능한 테이블의 전체 내용을 인쇄하십시오.

content to be printed

, 나는 가로 스크롤 막대 영역에있는 모든 필드를 포함하지 않는 출력을 얻을.

enter image description here

는 스크롤 막대 내의 모든 내용이 인쇄되지 않습니다.

사용하는 방법은 Print CSS입니다.

@media print { 
    .noprint { 
     display: none; 
     overflow: visible; 
    } 
}

출처

2011-02-15 KItis

인쇄 CSS를 사용하면 noprint 클래스의 HTML이 숨겨집니다.

스크롤 영역의 HTML 개요와 CSS를 적용 할 수 있습니까?

출처

2011-02-15 09:18:40

좋아, 해결책을 찾았습니다. 이것은 내가 무슨 짓을 :

여기

@media print { 
    .noprint { 
     display: none 
    } 
    .mypages div.compare { 
     white-space: normal 
    } 

    .mypages .compare .estate { 
     padding-bottom: 110px 
    } 
}

는, DIV .compare 내가 인쇄 할 모든 요소를 포함하는 컨테이너입니다.

및 .estate은 div 목록에서 인쇄하고 싶은 상태입니다. 인쇄 된 요소 사이의 간격을 설정하는 데 사용됩니다. 즉, 3 개의 상태를 연속으로 인쇄한다는 의미입니다. 그런 다음 첫 번째의 하단에 두 번째와 같은 현명한 것. 이 행 사이의 간격을 설정하려면 .mypages .compare .estate div를 사용했습니다.

출처

2011-02-15 10:01:00 KItis

스크롤 가능한 테이블의 전체 내용을 인쇄하십시오.

답변

관련 문제