相关疑难解决方法(0)
让Google Chrome在打印页面上重复表格标题
我希望每个打印页面都重复我的表格标题,但似乎谷歌Chrome不能<thead>很好地支持标签......有没有办法解决这个问题？我正在使用Google Chrome v13.0.782.215.
表格代码非常简单......没什么特别的:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css" media="all">
@page {
size: landscape;
margin-top: 0;
margin-bottom: 1cm;
margin-left: 0;
margin-right: 0;
}
table {
border: .02em solid #666; border-collapse:collapse;
width:100%;
}
td, th {
border: .02em solid #666; font-size:12px; line-height: 12px;
vertical-align:middle; padding:5px; font-family:"Arial";
}
th { text-align:left; font-size:12px; font-weight:bold; }
h2 { margin-bottom: 0; }
</style>
</head>
<body>
<h2>Page Title</h2>
<table>
<thead>
<tr class="row1">
<th><strong>Heading 1</strong></th>
<th><strong>Heading 2</strong></th> …44
推荐指数
推荐指数
2
解决办法
解决办法
4万
查看次数
查看次数
表格行分成两页（打印介质）
我有一个可以在网页中使用的表格，但是在打印我的表格 ( ctrl+ p) 时，它打破了我想要的方式。第一页的最后一行与第一页上的行的一部分和第二页上的行的另一部分分开。那么，有没有办法克服这个问题，行可以有不同的内容和大小。我也试过这个属性
page-break-before/after: auto. page-break-inside:avoid;
但没有结果。有没有办法打破表格并将表格的一部分移动到下一页而不将最后一行分成两部分用于打印介质？任何帮助将不胜感激。
table,th,td { 边框：1px 纯黑色；边框折叠：折叠；} th,td { 填充：5px; }
Run Code Online (Sandbox Code Playgroud)</style> </head> <body> <table style="width:100%;"> <tr> <th><span>Firstname</span></th> <th><span>Lastname</span></th> <th><span>Points</span></th> </tr> <tr> <td><span>Jill</span></td> <td><span>Smith</span></td> <td><span>50</span></td> </tr> <tr> <td><span>Eve</span></td> <td><span>Jackson</span></td> <td><span>94</span></td> </tr> <tr> <td><span>John</span></td> <td><span>Doe</span></td> <td><span>80</span></td> </tr> /*here I have many <tr> elements*/ </table> </body> </html>
5
推荐指数
推荐指数
1
解决办法
解决办法
9793
查看次数
查看次数
使用HTML / CSS / JS在每个页面上打印小计，也许是XSLT？
我想使用开放标准来打印报告，该报告的每页末尾都必须有小计。
螺纹XSL-FO，CSS3，而不是CSS2的用于创建分页文件如PDF？建议将CSS3与HTML结合使用。
现在，我遇到的问题是使用HTML或CSS或JS确定A4页面的填充位置，以便出现分页符。
有CSS分页符选择器：
page-break-before: always | avoid — always/avoid page breaks before the item
page-break-after: always | avoid — always/avoid page breaks after the item
page-break-inside: always | avoid — always/avoid page breaks in the middle of the item
但是这些对于每个页面上的小计而言并不是真正有用的，因为我不知道页面何时填充，因此我可以在其中放置这样的CSS的标签。
HTML TABLE标签支持某种形式的表头和表尾，听起来很有希望：
可以分别使用THEAD，TFOOT和TBODY元素将表行分组为表头，表脚和一个或多个表主体部分。这种划分使用户代理能够独立于桌子的头和脚来支持桌子主体的滚动。当打印长表时，可以在包含表数据的每一页上重复表的头和脚信息。
<TABLE>
<THEAD>
<TR> ...header information...
</THEAD>
<TFOOT>
<TR> ...footer information...
</TFOOT>
<TBODY>
<TR> ...first row of block one data...
<TR> ...second row of block one data...
</TBODY>
<TBODY>
<TR> ...first row of block two …2
推荐指数
推荐指数
1
解决办法
解决办法
1951
查看次数
查看次数