Таблицы внутри таблицы повторяются как <thead>при печати в формате PDF

Question

У меня есть тег thead внутри таблицы, и заголовки в thead будут повторяться на каждой странице при печати страницы в формате PDF.В таблице 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-го раздела повторялись при печати, когда строки в разделе1 пересекают 2 страницы, заголовки для 2-го раздела повторяются при распечатке, когда строки в разделе 2 пересекают 2 страницы, а основной заголовок всегда должен повторяться на каждой странице.

Я пробовал много разных способов сделать это, но ни один из них не работает.

Любая идея, пожалуйста, помогите.Спасибо.

Answer 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>