如何在javascript中分离打印区域进行打印
How to separate the print area for printing in javascript
我目前正在获取完整的用户详细信息,并将其从数据库表中列出到一个html表中。我需要打印那个特定的列表,所以我使用window.print()
我把需要打印的整个html表放在一个名为<div id="printableArea">
的div
中,并使用下面的javascript来完成这项工作。
function printDiv(printableArea)
{
var tabl = document.getElementById('tablePrint');
var row = tabl.rows[0];
var cell = row.cells[0];
cell.innerHTML = '';
var printContents = document.getElementById(printableArea).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
但问题是,我在页面底部得到了pagination
按钮delete
按钮,以及与每行对应的用于选择的复选框。我该如何避免这些?另外,我需要把打印出来的页面做成网格格式。
需要建议。提前谢谢。
我建议隐藏它们。然后,当打印结束时,如果需要,再次显示它们。
这可以通过两种方式实现:
- 加载另一个样式表,它隐藏不需要的div
要么这个要么这个就行
-
通过类似的Javascript隐藏它们(使用jQuery):
$('#idOfDivToHide').hide();
您可以将按钮放在可打印的div区域之外。并且仅将该可打印区域用于打印。您可以使用jquery来完成此操作。您可以参考:http://www.gontztech.com/tips-and-instructions/web-design-tips-and-tutorials/printing-a-specific-section-of-web-page-without-hiding-any-content.html
相关文章:
- onkeyup无法动态创建多个文本区域
- 如何在php中创建一个函数,该函数与文本区域一起工作,通过输入类似[color:red]的内容来打印具有等效颜色的文本
- 将所有单选按钮的值打印到文本区域
- Javascript:将多个表单输入打印到一个文本区域
- 当我尝试打印到文本区域字段中时,数据被[对象节点列表]替换
- 用于在同一页面中打印输入和文本区域的表单
- 我无法在 JavaScript 中获取要打印到文本区域的属性值,我收到一个错误:未捕获的类型错误:无法读取 null 的
- 在文本区域内运行脚本以打印值
- Oracle APEX - 如何在打印时缩放区域以适应单个页面
- 需要选择一个新列,并使用带有下拉菜单的onchange函数打印到文本区域
- 用JavaScript将数组打印到文本区域
- 如何在javascript中分离打印区域进行打印
- 如何在连续文本区域打印结果
- Jquery打印区域打印css颜色
- 如何使网页的打印特定区域包含图表
- 如何定义可打印区域?
- 打印到文本区域
- 如何使用Ctrl + P print命令修改HTML页面的打印区域
- 如何通过自定义打印窗口打印完整的网格视图区域
- 打印时如何将特定的 html 区域放在额外的页面上