gpt4 book ai didi

html - 在后续页面中打印表格标题

转载 作者:太空狗 更新时间:2023-10-29 13:52:22 24 4
gpt4 key购买 nike

我试图在使用浏览器打印功能时在后续页面中显示表格标题。使用 Firefox 我只能在第一页显示标题。 header 由标签定义。代码如下:

<html>
<head>
<style type="text/css">
@media print
{
thead
{
display: table-header-group;
}
}
</style>
</head>
<body>
<table>
<thead>
<tr><td>header1</td></tr>
<tr><td>header2</td></tr>
<tr><td>header3</td></tr>
<tr><td>header4</td></tr>
<tr><td>header5</td></tr>
<tr><td>header6</td></tr>
<tr><td>header7</td></tr>
<tr><td>header8</td></tr>
<tr><td>header9</td></tr>
<tr><td>header10</td></tr>
<tr><td>header11</td></tr>
<tr><td>header12</td></tr>
<tr><td>header13</td></tr>
</thead>
<tbody>
<tr><td>
Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>
Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>
Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>
Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>
Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>
</td></tr>
</tbody>
<table>

</body>

使用打印预览来测试我的描述。如果去掉下面这行代码

<tr><td>header13</td></tr>  

页眉如我所愿出现在所有页面中。如何解决这个问题?这似乎是表头的最大高度问题。

最佳答案

不确定为什么您的thead 上有太多行。下面的代码运行良好(在 firefox 上测试)。我还测试了 20 个表头,仍然运行良好。

<html>
<head>
<style type="text/css">
@media print {
thead
{
display: table-header-group;
}
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th>header1</th>
<th>header2</th>
<th>header3</th>
<th>header4</th>
<th>header5</th>
<th>header6</th>
<th>header7</th>
<th>header8</th>
<th>header9</th>
<th>header10</th>
<th>header11</th>
<th>header12</th>
<th>header13</th>
</tr>
</thead>
<tbody>
<tr>
<td>text</td>
<td>text</td>
<td>text</td>
<td>text</td>
<td>text</td>
<td>text</td>
<td>text</td>
<td>text</td>
<td>text</td>
<td>text</td>
<td>text</td>
<td>text</td>
<td>text</td>
</tr>
<!--
Code is too long to paste.
If you're using emmet/zencoding, try to expand
the code below to print 1000 rows

(tr>(td{text})*13)*1000
-->
</tbody>
<table>
</body>

关于html - 在后续页面中打印表格标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4924951/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com