使用wkhtmltopdf转换为PDF时，表标题与第二页上的内容重叠

Question

我有一个跨越多个页面的表格。 thead在第二页上重复，并与内容重叠。

我正在使用bootstrap并确保其他wkhtmltopdf重叠解决方案的css在我的页面中实现。

thead { display: table-header-group; }
tfoot { display: table-row-group; }
tr { page-break-inside: avoid; }

table, tr, td, th, tbody, thead, tfoot, td div {
    page-break-inside: avoid !important;
}

Answer 1

该表格包含在<div class="table-responsive">中。这导致了这个问题。

我添加了以下CSS来更改在表响应div上处理overflow-x的方式

.table-responsive { overflow-x: visible !important; }

这解决了我的问题。

基思