日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔！

生活随笔

當前位置： 首頁 > 编程资源 > 综合教程 >内容正文

综合教程

html打印表格每页都有的表头和打印分页

發布時間：2023/12/15 综合教程 29 生活家
生活随笔 收集整理的這篇文章主要介紹了 html打印表格每页都有的表头和打印分页 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

本文轉載：http://www.cnblogs.com/RitchieChen/archive/2008/07/30/1256829.html

在做項目的時候碰到的。用戶要求，頁面呈現太長時，打印的時候，要求，每頁上都要有表頭。找了好久，才在網上找到。原來，是要對每個表格，定義其thead，并對其樣式設置成：style="display:table-header-group"。如果要求有表尾，也一樣，要定義其tfoot，并對style="display:table-footer-group"

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>無標題文檔</title>
<style>
@media print{
INPUT {display:none}
}
</style>
</head>

<body>

<TABLE border="0" width="300px" align="center">
<THEAD>
<TR><TD colspan="2" align="center">每頁都有的表頭</TD></TR>
</THEAD>
<TBODY">
<TR><TD>表格內容</TD><TD>表格內容</TD></TR>
<TR><TD>表格內容</TD><TD>表格內容</TD></TR>
<TR><TD>表格內容</TD><TD>表格內容</TD></TR>
<TR><TD>表格內容</TD><TD>表格內容</TD></TR>
<TR><TD>表格內容</TD><TD>表格內容</TD></TR>
<TR><TD>表格內容</TD><TD>表格內容</TD></TR>
<TR><TD>表格內容</TD><TD>表格內容</TD></TR>
<TR><TD>表格內容</TD><TD>表格內容</TD></TR>
<TR><TD>表格內容</TD><TD>表格內容</TD></TR>
<TR><TD>表格內容</TD><TD>表格內容</TD></TR>
<TR><TD>表格內容</TD><TD>表格內容</TD></TR>
<TR><TD>表格內容</TD><TD>表格內容</TD></TR>
<TR><TD>表格內容</TD><TD>表格內容</TD></TR>
<TR><TD>表格內容</TD><TD>表格內容</TD></TR>
<TR><TD>表格內容</TD><TD>表格內容</TD></TR>
<TR><TD>表格內容</TD><TD>表格內容</TD></TR>
<TR><TD>表格內容</TD><TD>表格內容</TD></TR>
<TR><TD>表格內容</TD><TD>表格內容</TD></TR>
<TR><TD>表格內容</TD><TD>表格內容</TD></TR>
<TR><TD>表格內容</TD><TD>表格內容</TD></TR>
<TR><TD>表格內容</TD><TD>表格內容</TD></TR>
</TBODY>
<TFOOT>
<TR>
<TD colspan="2" align="center">每頁都有的表尾</TD>
</TR>
</TFOOT>
</TABLE>
<input type=button value=" 打 印 " onclick=javascript:window.print()>
</body>
</html>

總結

以上是生活随笔為你收集整理的html打印表格每页都有的表头和打印分页的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。