当打印为PDF时,表格内的表格重复

时间:2018-05-16 15:56:16

标签: html pdf html-table

我在表格中有一个thead标记,当以PDF格式打印页面时,thead中的标题将在每个页面上重复。表中有2个部分,每个部分都有自己的标题,整个大表都有自己的标题。

<table>
    <thead>
        <tr><th>Header 1</th><th>Header 2</th><th>Header 3</th></tr>@*main header should always repeat in each page on the print out.*@
    </thead>
    <tbody>
        <tr>@*I need  Headers for 1st section to repeat in print out when the lines in section 1 cross 2 pages, and the main header should always repeat in each page.*@
            <td>Header 1 for 1st section</td> 
            <td>Header 2 for 1st section</td>
            <td>Header 3 for 1st section</td>
        </tr>
        <tr><td>1st section line 1</td><td></td><td></td></tr>
        <tr><td>1st section line 2</td><td></td><td></td></tr>
        <tr><td>1st section line 3</td><td></td><td></td></tr>
        <tr>@*I need  Headers for 2nd section to repeat in print out when the lines in section 2 cross 2 pages, and the main header should always repeat in each page.*@
            <td>Header A for 2nd section</td> 
            <td>Header B for 2nd section</td>
            <td>Header C for 2nd section</td>
        </tr>
        <tr><td>2nd section line 1</td><td></td><td></td></tr>
        <tr><td>2nd section line 2</td><td></td><td></td></tr>
        <tr><td>2nd section line 3</td><td></td><td></td></tr>
    </tbody>
</table>

当第1部分中的行交叉2页时,我需要第1部分的标题重复打印输出,当第2部分中的行交叉2页时,第2部分的标题重复打印输出,主标题应该总是在每一页重复。

我尝试了许多不同的方法,但它们都不起作用。

任何想法,请帮助。感谢。

1 个答案:

答案 0 :(得分:1)

选项1:尝试用<tr />

包裹<tbody />内的<thead />
<tbody>
 <thead> 
   <tr><th>My Sub titles</th></tr>
 <thead>
</tbody>

选项2:具有用于呈现此类层次结构的不同模式

<table>
 <thead>Main Headers</thead>
 <tbody>
    <table>
     <thead>Sub Headers</thead>
     <tbody></tbody>
    </table>
 </tbody>
 </table>