Javascript 我们如何在谷歌浏览器的每个页面上打印表格标题

Javascript 我们如何在谷歌浏览器的每个页面上打印表格标题,javascript,jquery,html,css,google-chrome,Javascript,Jquery,Html,Css,Google Chrome,表格标题(thead)当我们在Chrome浏览器上发出打印命令时,不会出现在每个页面上。我只希望在打印文档后每个页面都有表头。我知道如何在IE nad Firefox上实现这一点,但我希望在Chrome浏览器中也使用此功能。Chrome浏览器不支持此功能。是否有其他方法来实现此功能 这是我的密码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html

表格标题(thead)当我们在Chrome浏览器上发出打印命令时,不会出现在每个页面上。我只希望在打印文档后每个页面都有表头。我知道如何在IE nad Firefox上实现这一点,但我希望在Chrome浏览器中也使用此功能。Chrome浏览器不支持此功能。是否有其他方法来实现此功能

这是我的密码

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Test</title>
<style type="text/css">
@media print
{
  table { page-break-after:auto }
  tr    { page-break-inside:avoid; page-break-after:auto }
  td    { page-break-inside:avoid; page-break-after:auto }
  thead { display:table-header-group;}
  tfoot { display:table-footer-group }
}
</style>
</head>
<body>
   <table>
                        <thead>
                            <tr><th>TH 1</th><th>TH 2</th></tr>
                        </thead>
                        <tbody>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                             <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                             <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                             <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                            <tr><td>TD 1</td><td>TD 2</td></tr>
                        </tbody>
                    </table>
</body>
</html>

测验
@媒体印刷品
{
表{page break after:auto}
tr{内部分页符:避免;后面分页符:自动}
td{内部分页符:避免;后面分页符:自动}
thead{display:表头组;}
tfoot{display:table footer group}
}
第1节第2节
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2
TD 1TD 2

在这里,我刚刚给出了一个包含表头和表体的示例程序。有人能帮我一下吗。我的代码中的CSS部分是否需要做任何更改???

您的代码在所有浏览器中都能完美地工作。可能是您使用的是非常旧的chrome浏览器,请更新它,然后重试。 签出工作小提琴:

jshiddle.net/pratyus141/nw1fff37

嘿,不,它在chrome中不起作用。我检查了它。你说的是哪个版本的chrome,哪个版本起作用。??…请回复@用户3107804