<!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" style="font-size:9pt;" width="300px" align="center">
<THEAD style="display:table-header-group;font-weight:bold">
<TR><TD colspan="2" align="center" style="font-weight:bold;border:3px double red">每页都有的表头</TD></TR>
</THEAD>
<TBODY style="text-align:center"">
<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 style="page-break-after:always;"><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 style="page-break-after:always;"><TD>表格内容</TD><TD>表格内容</TD></TR>
</TBODY>
<TFOOT style="display:table-footer-group;font-weight:bold">
<TR>
<TD colspan="2" align="center" style="font-weight:bold;border:3px double blue">每页都有的表尾</TD>
</TR>
</TFOOT>
</TABLE>
<input type=button value=" 打 印 " onclick=javascript:window.print()>
</body>
</html>
重点是里面的css设定
分享到：
相关推荐
首先，你需要在HTML中添加分页导航元素，然后配置分页插件。例如，使用jQuery Paginate： ```html <div id="pager"></div> ``` 初始化分页： ```javascript $("#myTable").tablesorter({ widgets: ['pager'],...
4. 实现表格分页功能，可指定是否开启分页功能及每页行数； 5. 排序数据支持数据类型自动识别（这点很强大）。例如：整型数据、浮点型数据、字母、电话号码、日期、链接 6. 表格外观样式可通过CSS灵活定制 7. 所需要...
实现这个功能时，还要考虑一些实际场景，比如当表格数据量很大时，可能需要分页加载或懒加载，排序时可能需要只处理当前页的数据，而不是整个表格。 10. **性能优化**： 对于大型数据集，原地排序可能不是最佳...
总结，"superTables表头固定"是一个实用的网页开发技巧，通过理解其原理和实现方式，开发者能够创建出更加易用的数据展示表格，提升用户在大数据量场景下的操作效率。在学习这个案例时，不仅要关注代码实现，还要...
6. **自动分页**：表格自动分页，保持表头每页可见，确保阅读连贯性。 7. **双面打印**：支持双面打印，节省纸张资源。 8. **图文并茂的页眉和页脚**：可以设置包含图片和文本的页眉和页脚，增强打印效果。 **API...
这涉及到计算当前页码和每页显示的记录数，从而确定哪些数据行需要被显示，哪些需要被隐藏。具体做法可能是使用jQuery的显示和隐藏方法，比如`show()`和`hide()`方法，或者更改特定行的`display`样式属性。 5. 用户...
打印到多页，每页可根据当前页优化列宽） 分栏打印（栏数、栏间距可调） 按字段分页、按字段分组 表头背景色、各列背景色均可设置 条件前景色、条件背景色（如为负时用红色打印） 打印设置几乎可调节所有...
表格通常由`<thead>`（表头）、`<tbody>`（表格主体）和`<tfoot>`（表脚）组成。例如： ```html 列1 列2 列3 <!-- 数据行 --> ``` 接着，我们用CSS来设置表格的样式，特别是滚动条的样式。CSS...
在本文中，我们将探讨如何使用layui和jQuery在支持IE8的环境中实现表格分页功能。layui是一个轻量级的前端UI框架，而jQuery是广泛使用的JavaScript库，它们结合使用可以帮助我们构建用户友好的数据展示页面。 首先...
打印到多页，每页可根据当前页优化列宽） 分栏打印（栏数、栏间距可调） 按字段分页、按字段分组 表头背景色、各列背景色均可设置 条件前景色、条件背景色（如为负时用红色打印） 打印设置几乎可调节所有...
在网页开发过程中，特别是在处理大数据量的表格时，固定表头功能显得尤为重要。该功能能够确保当表格内容滚动时，表头始终保持可见，从而方便用户查阅和理解表格数据。本文将详细介绍如何实现表单固定表头的功能，并...
它们在浏览器中直接处理数据，动态生成表格，支持如单元格事件绑定、分页、嵌入复杂模块、锁定表头和列、动态调整列配置、浏览器端的文本文件导入导出，甚至兼容非IE浏览器的Excel导出等功能。这种方式提高了响应...
在这些布局模式下，我们可以精确控制每个单元格的大小和位置，实现表格样式的自定义。 2. **自定义Scrollbar：** 浏览器默认的滚动条样式往往比较单一且不易自定义。通过CSS伪元素（如::-webkit-scrollbar, ::-...
- 表格设计：表头加粗并加大字号，文字内容左对齐，数字和金额右对齐，鼠标划过行时高亮，每页显示15-20条数据，长字段用“…”表示，鼠标停留后显示详细内容。 - 选中数据：全选和单选行为应一致，翻页后自动清除...
rowNum: 10, // 每页显示的记录数 rowList: [10, 20, 50], // 分页选项 sortname: 'field1', // 默认排序字段 sortorder: 'asc' // 默认排序方式 }); ``` 4. **数据操作** - **加载数据**：通过`url`参数...
只需在初始化时指定这些插件，然后在HTML中添加相应的元素和样式。 ```javascript $(document).ready(function() { $("#myTable").tablesorter({ widgets: ["filter", "pager", "resizable"], // 启用多个插件 ...
1. **灵活的布局**：DHTMLX Grid可以自定义列宽和行高，支持固定列和分组列，以及多级表头，能够适应各种复杂的展示需求。 2. **数据处理**：Grid支持大量的数据操作，包括排序、过滤、分页、编辑、添加、删除、...