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 - ＆gt; .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>

打印表头在所有页面上有两个线程

1 个答案: