1、当表格很长而跨页显示时,会出现thead表头重复并且与tbody内容重叠的情况:
解决方法:
方法一:跨页后不在显示表头:
thead { display: table-row-group; }
方法二:跨页后显示表头,但不与内容重叠
tr { page-break-before: always; page-break-after: always; page-break-inside: avoid; }
2.当表格内容跨页后,内容会出现重叠的情况
解决方法:
tr { page-break-before: always; page-break-after: always; page-break-inside: avoid; }