인쇄 미리보기에서 테이블이 깨지지 않도록하려면 어떻게해야합니까?

Question

많은 질문과 답변이 있습니다. 누구나 브라우저마다 다른 솔루션에 따라 다른 문제가 있습니다. 아래 URL에서 여러 가지 해결책을 시도했습니다. 그러나 아무것도 작동하는 것 같습니다.
출력 내용은 다음과 같습니다. 어떻게 이러한 상황을 피할 수 있습니까? 나는 테이블 구조를 엉망으로 만들고 싶지 않습니다. 이 테이블 데이터는 handlebars.js를 사용하여 동적으로 채워집니다.
링크는 내가 따랐다 : Link-1Link-2Link-3
.page-break 내가 각 섹션 이후에 추가하고 그것이 잘 작동 사업부 클래스입니다.

.Acc_Table은 SEARS/CBSD 행에서 시작하여 지불 내역 행으로 끝나는 출력 이미지에 표시된 테이블 클래스입니다.
어떻게 해결할 수 있습니까?
페이지 나누기 전에 표를 닫고 페이지 나누기를 넣은 후 페이지 나누기 후에 표를 다시 열 수 있습니까? 또는 다음 페이지에서 테이블이 깨지는 경우에만 표시 하시겠습니까? 어떻게 할 수 있습니까?

Answer 1

테이블을 감싸는 div가 있거나 display: inline-block; 또는 display: inline; CSS 속성이 있는지 확인 했습니까? 인쇄 문제에 대한 코드를 디버깅하는 동안 테이블이 인라인되면이 효과가 있음을 알았습니다. display: block 또는 display: static을 넣으십시오. 저에게 적합합니다.