vue 调用 window.print 打印 时 <el-table>表格丢失

Question

vue 调用 window.print 打印 时 表格丢失，预览都是正常的，打印就丢失了

预览时

调用 window.print 表格中的有些线条没打印出来

设置了表格打印的样式，但是打印和预览都不正常了

@media print {
  /* 设置表格的打印样式 */
  .el-table {
    display: table !important;
    page-break-inside: auto !important;
  }
  .el-table__header-wrapper,
  .el-table__body-wrapper {
    display: table-header-group !important;
    page-break-inside: avoid !important;
  }
  .el-table__row,
  .el-table__header-row {
    page-break-inside: avoid !important;
  }
  .el-table__fixed-right .el-table__fixed-body {
    margin-bottom: 0 !important;
  }
}

Answer 1

样式的style标签有没有加scoped