html - 在所有页面上打印带有两个标题的表格标题

Question

我想在每一页上打印一个带有双标题的表格。在第一页上它工作得很好，但在接下来的页面上它只打印第一个标题。

css

@media print {
    thead {
       display: table-header-group;
    }
}

我的桌子的 HTML。

<tr>
   <thead>
      <th colspan="2">A</th>
      <th>B</th>
      <th>C</th>
   <thead>
      <th>1</th>
      <th colspan="2">2</th>
      <th>3</th>
</tr>

感谢帮助。

我尝试向第二个 thead 添加一个类，然后将其分组在 css 中而不是 thead -> .className 但它不起作用。我有同样的结果。

Answer 1

尝试这个，

<thead>
   <tr>
      <th colspan="2">A</th>
      <th>B</th>
      <th>C</th>
   </tr>
   <tr>
         <th>1</th>
         <th colspan="2">2</th>
         <th>3</th>
   </tr>
</thead>