html - css - 打印页面 - 标题重复不起作用

Question

为什么 Header1 和 Header2 在打印横向的所有页面中都不存在

https://fiddle.jshell.net/6mvucked/

标题的高度似乎有限制。如果超过一个值则不显示在所有页面中

为什么？

flower ٍٍٍٍٍٍٍٍٍٍٍٍٍٍٍٍٍٍٍٍٍٍ

Answer 1

您的 javascript 将仅向那些 ID 为“test”的容器附加 100 行。因此，如果您希望 header 的 tbody 发生同样的情况，那么只需编写

    <tbody id="test">

在页眉中。但在这种情况下，它只会为标题 tbody 打印 100 行，而不会为另一个第二个 tbody 打印 100 行，因为 Javascript 会将 100 行附加到第一个带有 id="test"的标记。

因此，如果您需要将 100 或 x 行附加到两个或多个 tbody，则给它们单独的 ID，然后在 javascript 中为它们编写单独的函数。像这样:

    <table>
        <teahd>
            <tr>
                <td>ok , no problem, but show only in first page and not repeat</td>
                <td>
                <table>
                   <tbody id="test-one">
                      <tr><td>header not be shown if this code(table) here</td></tr>
                   </tbody>
                </table>
                </td>
             </tr>
          </teahd>
          <tbody id="test-two">

          </tbody>
          <tfoot>
              <tr>
                 <td>no problem</td>
              </tr>
           </tfoot>
        </table>

JavaScript 函数如下:

    for(var i=1;i<=100; i++) 
        $('#test-one').append('<tr><td colspan="2">row '+i+'</td></tr>');
        $('#test-two').append('<tr><td colspan="2">row '+i+'</td></tr>');