js打印表格内容

在项目中有时候需要使用到打印报表内容的需求功能,可以利用js实现报表的打印功能。代码如下:

         //打印表格
        function printTable()
        {
            var tableToPrint = document.getElementById(‘printTable‘);//将要被打印的表格
            var newWin= window.open("");//新打开一个空窗口
            newWin.document.write(tableToPrint.outerHTML);//将表格添加进新的窗口
            newWin.document.close();//在IE浏览器中使用必须添加这一句
            newWin.focus();//在IE浏览器中使用必须添加这一句

            newWin.print();//打印
            newWin.close();//关闭窗口
        }

原文地址:https://www.cnblogs.com/jasonboren/p/12670436.html

时间: 2024-08-24 05:42:21

js打印表格内容的相关文章

clipboard.min.js 复制表格内容

<script type="text/javascript" src="js/clipboard.min.js"></script> <button id="btn_copy" data-clipboard-action="copy" data-clipboard-target=".tableList">复制表格内容</button> <!-- <

js 打印页面内容

function Pageprint(tid) {           var oldHTNL= document.body.innerHTML;           document.body.innerHTML = document.getElementById(tid).innerHTML;            window.print();            document.body.innerHTML = oldHTNL; }; onclick="Pageprint('tid'

MVC打印表格,把表格内容放到部分视图打印

假设在一个页面上有众多内容,而我们只想把该页面上的表格内容打印出来,window.print()方法会把整个页面的内容打印出来,如何做到只打印表格内容呢? 既然window.print()只会打印整页的内容,何不把表格放在一个部分视图中,在部分视图中再调用window.print()方法. Model很简单: public class Student { public int Id { get; set; } public string Name { get; set; } public dec

js获取表格中的数据 以及 表格中checkbox选中一行数据

前言 不知道是不是大家也遇到过类似的表单,但我绝对是第一次见,如下图所示,表单中包含了表格. 上图中的表格数据是根据数据库中学生表而变化的,这增加了获取表中数据的复杂程度,这里仅仅是记录js如何获取数据传值到后端的办法,所以,仅以表格中张三.李四为例. 示例代码 html <div class="modal-body"> <form id="exam-score-add-form" class="smart-form">

js打印保存用户输入的内容

在用js打印局部页面时,遇到用户新输入的内容没能打印出来,经过观察,发现我采用的js打印方法是读取页面源代码,而用户输入的内容如果不将其写入到页面源代码中去,是打印不出来的,下面是我的解决方法: //获取标签自身 jQuery.fn.outerHTML = function (s) { return (s) ? this.before(s).remove() : $("<Hill_man>").append(this.eq(0).clone()).html(); }; St

js打印WEB页面内容代码大全

第一种方法:指定不打印区域 使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内. 详细如下: <style media=print type="text/css">   .noprint{visibility:hidden}   </style>   要打印的内容.哈哈!<p class="noprint">将不打印的代码放在这里.</p><a href="javasc

JS打印和报表输出

JS打印和报表输出2008-07-15 22:16一打印: 转自:http://hi.baidu.com/afei0211/blog/item/20523955ca8bebc2b745ae98.html (1) 在实际应用中!特别是一些公司需要报表输出和打印!这个时候我们就会用到JS的打印和报表输出功能!当然打印很简单就是window.print();你也可以在按钮的onclick事件中写上return print()可以实现打印效果!这个时候打印你会发现打印出来的是整个页面,包裹着网站的log

转 js打印

JS打印 Javascript网页打印大全 普通打印(整页打)      打印网页内部分内容(自定义)        打印去掉/添加页眉页脚            使用外部控件/方法实现多功能打印            打印背景 以上为代码控制 设置“页面设置”实现打印参数设置(Window系统图文版) 一.普通打印(整页打) 这个不用多说,直接用 引用:window.print(); 二.打印网页内部分内容(自定义) 分三种方法实现 1.用css控制 引用:@media print .a {d

打印表格

1.在jsp中与table 标签 同层次添加iframe标签 <iframe id='frmPrint' width='0' height='0' frameborder='0'></iframe> <table border="1" cellpadding="0" cellspacing="0" class="dateLisTable"> <thead style="bac