在每个打印页面上重复HTML表格页脚

时间:2017-05-12 07:16:41

标签: html css html-table html-to-pdf table-footer

在我的身体里,我有一个表格元素(如下所示)。 当我想要打印我的html页面时,每个页面上都应该有内容和内容。标题工作得很好,但页脚只显示在最后一页。 我已经为这样的问题找到了许多“解决方案”,但没有一个工作

添加或删除--style =“display:table-footer-group” - 该元素不执行任何操作。

导入只使用HTML和CSS

<table>
    <thead>
        <tr>
            <td colspan="5">
                <table style="width: 100%;">
                    <tr>                      
                        <td>Some Header Stuff</td>
                    </tr>                        
                </table>
            </td>
        </tr>
          <tr class="border_bottom">
              <td colspan="1" class="styledheader">header1</td>
              <td colspan="1" class="styledheader">header2</td>
              <td colspan="1" class="styledheader">header3</td>
              <td colspan="1" class="styledheader">header4</td>
              <td colspan="1" class="styledheader">header5</td>
          </tr>
    </thead>
       <tfoot>
            <tr class="border_top">
                <td colspan="1">Footer Left</td>
                <td colspan="4">Footer Right</td>
            </tr>
        </tfoot>
    <tbody>      
    <tr>
        <td>SomeText</td>
        <td>SomeText</td>
        <td>SomeText</td>
        <td>SomeText</td>
        <td>SomeText</td>
    </tr> 
    ---More rows
   </tbody>
</table>

---编辑12.05.2017 09:45 - 将代码更改为creativename&amp; daviddomain写道

已更改

<td colspan="1" id="styledheader">header1</td>

<td colspan="1" class="styledheader">header1</td>

并首先将“/ tbody”改为“tbody”

1 个答案:

答案 0 :(得分:4)

您可能正在使用Chrome。根据{{​​3}}(在所有页面中打印表格标题,表格页脚仅出现在最后一页中)Edge和Firefox会按照您的要求执行,但Chrome支持正在进行中。

因此,在Chrome修复该错误之前,请使用其他浏览器。