87,904
社区成员
发帖
与我相关
我的任务
分享[代码分享]另一种有表头的分页打印实现,不需要后台程序帮忙的
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE=javascript>
<!--
function splitTB(tb,pageSize){
var objTB = document.getElementById(tb);
var rownum = objTB.rows.length;
if(rownum<=pageSize+1) return;
pageCount =Math.ceil(rownum/pageSize);
for(var i =1 ;i<=pageCount-1;i++){
var objTitle = objTB.rows[0].cloneNode(true);
objTitle.title=tb+"_title";
objTitle.className = "printFlag";
objTB.firstChild.insertBefore(objTitle,objTB.rows[i*pageSize+i]);
}
}
function resetTB(tb){
var objTB = document.getElementById(tb);
var objRows =objTB.rows;
for(var i = 0 ; i < objRows.length ; i++)
if(objRows[i].title==(tb+"_title")) objTB.firstChild.removeChild(objRows[i])
}
function window.onbeforeprint() {
splitTB("mytb",4);
}
function window.onafterprint() {
resetTB("mytb")
}
//-->
</SCRIPT>
<style type="text/css">
<!--
.printFlag{page-break-before:always}
-->
</style>
</HEAD>
<BODY>
<TABLE border=1 id="mytb">
<TR >
<TD>标题</TD>
<TD>标题</TD>
</TR>
<TR>
<TD>1</TD>
<TD>1</TD>
</TR>
<TR>
<TD>2</TD>
<TD>2</TD>
</TR>
<TR>
<TD>3</TD>
<TD>3</TD>
</TR>
<TR>
<TD>4</TD>
<TD>4</TD>
</TR>
<TR>
<TD>5</TD>
<TD>5</TD>
</TR>
<TR>
<TD>6</TD>
<TD>6</TD>
</TR>
</TABLE>
</BODY>
</HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE=javascript>
<!--
function splitTB(tb,pageSize){
var objTB = document.getElementById(tb);
var rownum = objTB.rows.length;
if(rownum<=pageSize+1) return;
pageCount =Math.ceil(rownum/pageSize);
for(var i =1 ;i<=pageCount-1;i++){
var objTitle = objTB.rows[0].cloneNode(true);
objTitle.title=tb+"_title";
objTitle.className = "printFlag";
objTB.firstChild.insertBefore(objTitle,objTB.rows[i*pageSize+i]);
}
}
function resetTB(tb){
var objTB = document.getElementById(tb);
var objRows =objTB.rows;
for(var i = 0 ; i < objRows.length ; i++)
if(objRows[i].title==(tb+"_title")) objTB.firstChild.removeChild(objRows[i])
}
function window.onbeforeprint() {
splitTB("mytb",4);
}
function window.onafterprint() {
resetTB("mytb")
}
//-->
</SCRIPT>
<style type="text/css">
<!--
.printFlag{page-break-before:always}
-->
</style>
</HEAD>
<BODY>
<TABLE border=1 id="mytb">
<TR >
<TD>标题</TD>
<TD>标题</TD>
</TR>
<TR>
<TD>1</TD>
<TD>1</TD>
</TR>
<TR>
<TD>2</TD>
<TD>2</TD>
</TR>
<TR>
<TD>3</TD>
<TD>3</TD>
</TR>
<TR>
<TD>4</TD>
<TD>4</TD>
</TR>
<TR>
<TD>5</TD>
<TD>5</TD>
</TR>
<TR>
<TD>6</TD>
<TD>6</TD>
</TR>
</TABLE>
</BODY>
</HTML>
...全文
请发表友善的回复…
发表回复
shirley251 2004-03-19
- 打赏
- 举报
呵，，，，thx
eliphe 2004-03-19
- 打赏
- 举报
好.
