web打印表格跨页问题

亚细亚 2009-12-30 12:34:45
在WEB中生成一个动态表格。调用IE内置的打印控件打印。
由于表格内容长度不固定，遇到跨页时出现了断行现象（一行内容断开了，一半在前一页，一半在后页）。
如何做才能实现像Word中打印表格那样 跨页自动换行 ？也就是说如果前一页面的最后一行显示不下，
则将这行自动移动到下一页，而不是断开
...全文
760 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
skyaspnet 2010-06-04
  • 打赏
  • 举报
 回复
汗，我也遇到这样的问题了。。。。
亚细亚 2010-06-04
  • 打赏
  • 举报
 回复
[Quote=引用 6 楼 skyaspnet 的回复:]

汗，我也遇到这样的问题了。。。。
[/Quote]
这个问题好像没法解决！
亚细亚 2010-01-04
  • 打赏
  • 举报
 回复
有没有其他人遇到这样的问题？难得没有办法解决了吗？
亚细亚 2009-12-31
  • 打赏
  • 举报
 回复
代码如下：


<html>

<head>

<title>看看</title>

<meta http-equiv="Content-Type" c>

<!--media=print 这个属性可以在打印时有效-->

<style media=print>

.Noprint{display:none;}

.PageNext{page-break-after: always;}

</style>



<style>

 

.tdp

{

border-bottom: 1 solid #000000;

border-left: 1 solid #000000;

border-right: 0 solid #ffffff;

border-top: 0 solid #ffffff;

}

.tabp

{

border-color: #000000 #000000 #000000 #000000;

border-style: solid;

border-top-width: 2px;

border-right-width: 2px;

border-bottom-width: 1px;

border-left-width: 1px;

}

.NOPRINT {

font-family: "宋体";

font-size: 9pt;

}



</style>



</head>



<body >

<center class="Noprint" >

<p>

<OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0>

</OBJECT>

<input type=button value=打印 onclick=document.all.WebBrowser.ExecWB(6,1)>

<input type=button value=直接打印 onclick=document.all.WebBrowser.ExecWB(6,6)>

<input type=button value=页面设置 onclick=document.all.WebBrowser.ExecWB(8,1)>

</p>

<p> <input type=button value=打印预览 onclick=document.all.WebBrowser.ExecWB(7,1)>

<br/>

</p>

<hr align="center" width="90%" size="1" noshade>

</center>



<table width="90%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabp">

<tr>

<td colspan="3" class="tdp">第1页</td>

</tr>

<tr>

<td width="29%" class="tdp"> </td>

<td width="28%" class="tdp"> </td>

<td width="43%" class="tdp"> </td>

</tr>

<tr>

<td colspan="3" class="tdp"> </td>

</tr>

<tr>

<td colspan="3" class="tdp"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="50%" class="tdp"><p>这样的报表</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

</td>

<td> </td>

</tr>

</table></td>

</tr>

</table>

<hr align="center" width="90%" size="1" noshade class="NOPRINT" >

<!--分页-->

<div class="PageNext"></div>

<table width="90%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabp">

<tr>

<td class="tdp">第2页</td>

</tr>

<tr>

<td class="tdp">看到分页了吧</td>

</tr>

<tr>

<td class="tdp"> </td>

</tr>

<tr>

<td class="tdp"> </td>

</tr>

<tr>

<td class="tdp"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="50%" class="tdp"><p>这样的报表</p>

<p>对一般的要求就够了。</p></td>

<td> </td>

</tr>

</table></td>

</tr>

</table>

</body>

</html>
亚细亚 2009-12-31
  • 打赏
  • 举报
 回复
本来第一页要打印，但由于第一页字符比较多，所以第一页就分成两页打印了，关键是表格被拆开了，能否将表格封闭起来（也就是打印第一页的下面和打印第二页的上面）
打印预览效果图：



<html>

<head>

<title>看看</title>

<meta http-equiv="Content-Type" c>

<!--media=print 这个属性可以在打印时有效-->

<style media=print>

.Noprint{display:none;}

.PageNext{page-break-after: always;}

</style>



<style>

 

.tdp

{

border-bottom: 1 solid #000000;

border-left: 1 solid #000000;

border-right: 0 solid #ffffff;

border-top: 0 solid #ffffff;

}

.tabp

{

border-color: #000000 #000000 #000000 #000000;

border-style: solid;

border-top-width: 2px;

border-right-width: 2px;

border-bottom-width: 1px;

border-left-width: 1px;

}

.NOPRINT {

font-family: "宋体";

font-size: 9pt;

}



</style>



</head>



<body >

<center class="Noprint" >

<p>

<OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0>

</OBJECT>

<input type=button value=打印 onclick=document.all.WebBrowser.ExecWB(6,1)>

<input type=button value=直接打印 onclick=document.all.WebBrowser.ExecWB(6,6)>

<input type=button value=页面设置 onclick=document.all.WebBrowser.ExecWB(8,1)>

</p>

<p> <input type=button value=打印预览 onclick=document.all.WebBrowser.ExecWB(7,1)>

<br/>

</p>

<hr align="center" width="90%" size="1" noshade>

</center>



<table width="90%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabp">

<tr>

<td colspan="3" class="tdp">第1页</td>

</tr>

<tr>

<td width="29%" class="tdp"> </td>

<td width="28%" class="tdp"> </td>

<td width="43%" class="tdp"> </td>

</tr>

<tr>

<td colspan="3" class="tdp"> </td>

</tr>

<tr>

<td colspan="3" class="tdp"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="50%" class="tdp"><p>这样的报表</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

<p>对一般的要求就够了。</p>

</td>

<td> </td>

</tr>

</table></td>

</tr>

</table>

<hr align="center" width="90%" size="1" noshade class="NOPRINT" >

<!--分页-->

<div class="PageNext"></div>

<table width="90%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabp">

<tr>

<td class="tdp">第2页</td>

</tr>

<tr>

<td class="tdp">看到分页了吧</td>

</tr>

<tr>

<td class="tdp"> </td>

</tr>

<tr>

<td class="tdp"> </td>

</tr>

<tr>

<td class="tdp"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="50%" class="tdp"><p>这样的报表</p>

<p>对一般的要求就够了。</p></td>

<td> </td>

</tr>

</table></td>

</tr>

</table>

</body>

</html>
Inpool 2009-12-30
  • 打赏
  • 举报
 回复
在<head />中加一段
<style media="print" type="text/css">
.nextpage{page-break-after: always;}
</style>

然后给一页的最后一个<td>加上class="nextpage"
donet_expert 2009-12-30
  • 打赏
  • 举报
 回复
我想是这样的，如果当前页面就这么多数据，那么打印只可能打印这么多，不可能把剩余部分也打印出来。
你可以这样做：
既然是动态表格，假设你是用的asp.net，那么你可以设置gridview或者repeater的长度，就是设置能一张纸打印出来的那个长度。
Web Html 分页、表格跨页断裂处理、自定义页眉页脚页码打印控件
Web打印控件，完美解决以下HTML打印难题 1.Web Html 分页打印 2.内容、图片、表格跨页断裂，封边 3.table并行、并列双边、重边 4.自动计算页码（总数及每一页），样式、位置、形式完全个性化 5.页眉页脚，去除浏览默认，自定义内容、样式、位置 6.保持页脚在页面底部，而非紧接正文内容 7.保持原文CSS样式 8.便捷自定义设置工具条 9.调用、语法简单，便捷 更过详细技术难点、解决思路、实现过程讲解，及细致的代码注释，本人博文有详细介绍 https://blog.csdn.net/chao141yang/article/details/108991252 欢迎查阅或交流！
JS 实现web分页打印功能
使用JS的Window对象的Print方法实现兼容性强的分页打印功能，可直接运行，代码直接复制即可用。
Web前端开发第一季：HTML
培养自己动手写代码能力、独立解决问题以及web开发能力。课程精细，页面丰富、设立了大量的演示案例、纯动手操作一步一步完成一个综合性的站点。   课程内容包括：前后端技术的讨论，VS Code的安装和使用，Git...
jquery打印HTML表格自动分页
采用JQuery实现的打印HTML表格自动按多少行分页，打印时分页
c#asp.net表格Html数据模板转换Pdf文件web打印报表dll
c#asp.net表格Html数据模板转换Pdf文件web打印pdf报表dll
JavaScript

87,922

社区成员

224,618

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章