表格标题未与表格主体正确对齐

Question

我的表标题未与我的表主体正确对齐。

演示：

https://jsfiddle.net/DTcHh/18178/

我正在使用以下CSS：

table tr { /* FOR PRINTING */
    -webkit-column-break-inside: avoid !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    display: table; /* Here*/
}

table thead tr { /* Override for the above - need to fix */
    display: table-row; /* Here*/
}

我正在使用tr上的显示表来确保打印时行不会重叠到两页上。

但是，在tr上使用它完全弄乱了表头。 因此，我在thead tr上使用了table-row来修复标题。

但是，现在此修复程序无法正确将工作台头与主体对齐。 我需要表格tr上的显示表格进行打印。

无论如何，我可以通过打印时确保行不重叠来正确对齐它们。

任何人？？？

还是有一种方法可以使分页符不显示而工作：tr上的表？