JS窗口打印边距打破了表格

Question

我有一个表格，我想用JS window.print（）; 打印。 但是当这个表格有太多行时，其他页面就不会保留已设置的边距

我的CSS：

@page { size:  auto; margin: 0px; }
html  { background-color: #FFFFFF; margin: 0px; }
body  { margin: 10mm 10mm 10mm 10mm; }
tbody > td > span { font-size: 14px !important; }

如何强制此表格中断以保留边距？

点击要打印的任何元素：https://jsfiddle.net/kfubawpg/

Answer 1

您将@page边距设置为0.只需将其更改为所需边距的大小。

@page { size:  auto; margin: 50px; }

fiddle

Answer 2

您可以执行以下操作：

    @page :first { // set the margins for the first page in print mode
      margin: 100px;
    }

    @page { // set the margins for all following pages (tables) in print mode
    size:  auto; 
    margin-top: 10px;
    margin-bottom: 10px;
    }

Here is a demo