CSS 인쇄시 테이블 행을 함께 유지하기 위해

Question

루프를 사용하여 테이블을 생성했습니다.
각 루프는 테이블의 2 행을 만듭니다.

내가 달성하고자하는 것은이 페이지가 인쇄 될 때 각 루프 반복에서 작성된 2 개의 행이 함께 머물러 있고 페이지 경계로 분할되지 않는다는 것입니다.

나는 행운이별로없는 요소를 tr 및 td 요소에 CSS를 적용 해 보았습니다.이 요소는 비 블록 요소와 관련하여 알려진 문제라고 들었습니다.
div를 사용하여 뷰를 다시 작성하는 것 외에도 테이블에 적용 할 수있는 솔루션이 있습니까?

Answer 1

당신은 당신은 그 두 각 행에 대해 하나의 테이블을 사용하는 대신 가진 고려해 볼 수 있습니다,이 두 행이 함께 부착되어있는 경우

(자동이 기본값은 있지만)이 두 가지 스타일을 결합해야 모든 행에 대해 하나의 테이블.

{page-break-inside: avoid;page-break-before:auto} 

또한 this answer