테이블 행 내에서 페이지 매김을 방지하는 방법

Question

HTML을 PDF로 변환할 때 wkhtmltopdf를 통해 테이블 ​​행 내에서 페이지 매김을 방지하고 싶습니다. 나는 page-break-inside:avoid with table을 사용했는데 작동했지만 행이 많을 때는 작동하지 않았습니다. 표시를 블록이나 다른 방법으로 설정한 경우 표의 형식이 변경되고 이중 테두리가 삽입됩니다. 또는 각 페이지에 테이블 머리글을 삽입하여 테이블이 분할될 때 표시할 수 있습니다.

Answer 1

웹킷 브라우저에서 이 문제를 처리하는 가장 좋은 방법은 각 td 요소 내에 div를 배치하고 다음과 같이 div에 페이지 나누기 내부 스타일을 적용하는 것입니다.

으아아아

Chrome은 'page-break-inside:void;' 속성을 인식하지 못하는 것으로 알려졌지만, 이는 wktohtml을 사용하여 PDF를 생성할 때 줄 내용이 페이지 나누기에 의해 절반으로 분할되는 것을 방지하는 것으로 보입니다. tr 요소는 페이지를 약간 넘어갈 수 있지만 div와 그 안에 있는 모든 요소는 그렇지 않습니다.

Answer 2

CSS를 사용해 볼 수 있습니다:

으아아아

대부분의 CSS 규칙은 직접 적용할 수 없습니다 <tr>标签，因为正如你上面指出的那样-它们具有独特的display样式，不允许这些CSS规则。然而，其中的<td>和<th>标签通常允许这种规范-你可以使用上面示例中的CSS轻松地将这些规则应用于所有子<tr>和<td>.