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

时间:2016-06-15 19:25:07

标签: html css css3 printing

为什么Header1和Header2不存在于打印格局的所有页面中

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

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

为什么?

1 个答案:

答案 0 :(得分:0)

您的javascript会将100行追加到ID为“test”的容器中。 因此,如果您希望标题的tbody发生相同的情况,那么只需编写

即可
    <tbody id="test">

在标题中的那个。 但在这种情况下,它只会为标题tbody而不是第二个tbody打印100行,因为Javascript会在id =“test”的第一个标记中附加100行。

因此,如果你需要向两个或多个tbody追加100或x个行,那么给它们单独的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>');