打印时如何强制表格分页并完善跨页表格边框

针对多页表格打印时分页处边框缺失的问题，可通过以下CSS调整解决：

• 先给表格设置固定布局与边框合并，避免布局错乱导致边框断裂：

table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}
table, th, td {
  border: 1px solid #000;
}

• 添加打印专属样式，强制分页时的边框显示，同时避免单行被分页截断：

@media print {
  table, th, td {
    border: 1px solid #000 !important; /* 强制打印时边框生效 */
  }
  tr {
    page-break-inside: avoid; /* 防止行被分页切开 */
  }
  thead {
    display: table-header-group; /* 让表头在每页打印时重复显示 */
  }
}

另外检查组件中是否有overflow: hidden或固定高度的容器，这类样式可能会截断打印内容的边框，建议在打印媒体查询中重置相关样式：

@media print {
  .print-container {
    overflow: visible !important;
    height: auto !important;
  }
}

将上述样式应用到表格组件中，即可解决分页处边框不完整的问题。

内容的提问来源于stack exchange，提问作者Muhamad Hanif Muhsin