精华内容
下载资源
问答
  • 2017-12-20 17:09:02

    js打印html页面中的指定内容?

    文章发布日期: 2017-12-20
    文章更新日期:2018-01-08 添加demo下载

    下载地址

    传送门->点击去下载

    声明,所有的打印页面都叫,index.html

    使用table2excel.js直接下载table数据到excel中

    获取table2excel.js文件

    github:table2excel.js点击去取

    使用步骤

    1. 在html页面中引入jquery,版本要注意。

    点开上面的链接,打开table2excel.jquery.json的文件,dependencies(依赖项)要求jquery>=1.4
    所以呢,你需要有个jquery,并把它引入到index.html中。我使用的jquery版本是v1.11.3

    1. 网上随便找一个 table,顺手甩在index.html里。
     <table id="dataTable" class="table2excel" data-tableName="Test Table 1">
        <thead>
          <tr class="noExl"><td>This shouldn't get exported</td><td>This shouldn't get exported either</td></tr>
          <tr><td>This Should get exported as a header</td><td>This should too</td></tr>
        </thead>
        <tbody>
          <tr>
            <td>data1a with a <a href="#">link one</a> and <a href="#">link two</a>.</td>
            <td>data1b with a <img src="image_file.jpg" alt="image">.</td></tr>
          <tr>
            <td>data2a with a <input tyle="text" value="text value">.</td>
            <td>data2b with a <input tyle="text" value="second text value">.</td>
          </tr>
        </tbody>
        <tfoot>
          <tr><td colspan="2">This footer spans 2 cells</td></tr>
        </tfoot>
      </table>
    
    1. 在index.html里引入table2excel.js,然后调用,就可以下载了
    $(function(){
      $(".table2excel").table2excel({
        exclude: ".noExl",
        name: "Excel Document Name",
        filename: "myFileName" + new Date().toISOString().replace(/[\-\:\.]/g, ""),
        fileext: ".xls",
        exclude_img: true,
        exclude_links: true,
        exclude_inputs: true
      });	
    });
    

    下载excel,简单实现,带源码,想看就看不看跳过

    贴出源码

    //打印表格
    var idTmr;
    
    function getExplorer() {
        var explorer = window.navigator.userAgent;
        if(explorer.indexOf("MSIE") >= 0) {
            return 'ie';
        }else if(explorer.indexOf("Firefox") >= 0) {
            return 'Firefox';
        }else if(explorer.indexOf("Chrome") >= 0) {
            return 'Chrome';
        }else if(explorer.indexOf("Opera") >= 0) {
            return 'Opera';
        }else if(explorer.indexOf("Safari") >= 0) {
            return 'Safari';
        }
    }
    
    function method5(tableid) {
        if(getExplorer() == 'ie') {
            var curTbl = document.getElementById(tableid);
            var oXL = new ActiveXObject("Excel.Application");
            var oWB = oXL.Workbooks.Add();
            var xlsheet = oWB.Worksheets(1);
            var sel = document.body.createTextRange();
            sel.moveToElementText(curTbl);
            sel.select();
            sel.execCommand("Copy");
            xlsheet.Paste();
            oXL.Visible = true;
    
            try {
                var fname = oXL.Application.GetSaveAsFilename("Excel.xls",
                    "Excel Spreadsheets (*.xls), *.xls");
            } catch(e) {
                print("Nested catch caught " + e);
            } finally {
                oWB.SaveAs(fname);
                oWB.Close(savechanges = false);
                oXL.Quit();
                oXL = null;
                idTmr = window.setInterval("Cleanup();", 1);
            }
    
        } else {
            tableToExcel(tableid)
        }
    }
    
    function Cleanup() {
        window.clearInterval(idTmr);
        CollectGarbage();
    }
    var tableToExcel = (function() {
        var uri = 'data:application/vnd.ms-excel;base64,',
            template = '<html><head><meta charset="UTF-8"></head><body><table  border="1">{table}</table></body></html>',
            base64 = function(
                s) {
                return window.btoa(unescape(encodeURIComponent(s)))
            },
            format = function(s, c) {
                return s.replace(/{(\w+)}/g, function(m, p) {
                    return c[p];
                })
            }
        return function(table, name) {
            if(!table.nodeType)
                table = document.getElementById(table)
            var ctx = {
                worksheet: name || 'Worksheet',
                table: table.innerHTML
            }
            window.location.href = uri + base64(format(template, ctx))
        }
    })()
    

    使用步骤

    直接调用method5()把table的id传进去
    如:method5(‘dataTable’)

    使用printArea打印table数据,调用浏览器自带打印设备可预览

    使用步骤

    1. 引入jquery,布置好table

    布局table时注意,如果想引入table的样式,需嘘嘘

    <div id="gridtable">
      <style type="text/css">
        table.gridtable {
          font-family: verdana, arial, sans-serif;
          font-size: 11px;
          color: #333333;
          border-width: 1px;
          border-color: #666666;
          margin: 0 auto;
          border-collapse: collapse;
        }
        
        table.gridtable th {
          border-width: 1px;
          padding: 8px;
          border-style: solid;
          border-color: #666666;
        }
        
        table.gridtable td {
          border-width: 1px;
          padding: 8px;
          border-style: solid;
          border-color: #666666;
          background-color: #ffffff;
        }
      </style>
      <table width="90%" class="gridtable">
        <caption><h1>XX市医疗保险特药使用申请表</h1></caption>
        
        <tr>
          <td colspan='5'>申请单号</td>
          <td colspan='2'>申请日期:XXX年XX月XX日</td>
        </tr>
        <tr>
          <td>Info Header 1</td>
          <td>Info Header 2</td>
          <td>Info Header 3</td>
          <td>Info Header 4</td>
          <td>Info Header 5</td>
          <td>Info Header 6</td>
          <td>Info Header 7</td>
        </tr>
        <tr>
          <td>Text 1A</td>
          <td>Text 1B</td>
          <td>Text 1C</td>
          <td>Text 1D</td>
          <td>Text 1E</td>
          <td>Text 1F</td>
          <td>Text 1G</td>
        </tr>
        <tr>
          <td>Text 2A</td>
          <td>Text 2B</td>
          <td>Text 2C</td>
          <td>Text 2D</td>
          <td>Text 2E</td>
          <td>Text 2F</td>
          <td>Text 2G</td>
        </tr>
        <tr>
          <td>Text 3A</td>
          <td>Text 3B</td>
          <td>Text 3C</td>
          <td>Text 3D</td>
          <td>Text 3E</td>
          <td>Text 3F</td>
          <td>Text 3G</td>
        </tr>
      </table>
    </div>
    <button id="print">打印</button>
    
    1. 获取jquery.printarea.js的源码,并引入

    github:点击直达源码

    如果使用这个三年前的源码有问题的话,比如打印空白,可以使用下面由其他网友提供的源码,地址见目录‘空白源码’

    1. 调用printArea()方法
    <script>
      $("#print").click(function() {
        $("#gridtable").printArea();
      });
    </script>
    

    printArea简单实现源码,想看就看,不看跳过

    (function($) {
    	
    	var printAreaCount = 0;
    	var removePrintArea = function(id) {
    		$("iframe#" + id).remove();
    	};
    	
    	$.fn.printArea = function() {
    		var ele = $(this);
    		var idPrefix = "printArea_";
    		removePrintArea(idPrefix + printAreaCount);
    		
    		printAreaCount++;
    		var iframeId = idPrefix + printAreaCount;
    		var iframeStyle = 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;';
    		iframe = document.createElement('IFRAME');
    		$(iframe).attr({
    			style: iframeStyle,
    			id: iframeId
    		});
    		
    		// 把iframe放到body中
    		document.body.appendChild(iframe);
    		
    		// 获取iframe的document的属性
    		var doc = iframe.contentWindow.document;
    		doc.open(); // 开启
    		
    		// 获取当前窗口的css文件并引入到iframe中
    		$(document).find("link").filter(function() {
    			return $(this).attr("rel").toLowerCase() == "stylesheet";
    		}).each(function() {
    				doc.write('<link type="text/css" rel="stylesheet" href="' +
    					$(this).attr("href") + '" >');
    		});
    		
    		// 展示要打印的内容
    		doc.write('<div class="' + $(ele).attr("class") + '">' + $(ele).html() +
    			'</div>');
    			
    		doc.close(); // 关闭
    		
    		var frameWindow = iframe.contentWindow;
    		frameWindow.close();
    		frameWindow.focus();
    		frameWindow.print();
    	}
    	
    	
    })(jQuery);
    

    空白源码

    (function($) {
    	var counter = 0;
    	var modes = {
    		iframe: "iframe",
    		popup: "popup"
    	};
    	var standards = {
    		strict: "strict",
    		loose: "loose",
    		html5: "html5"
    	};
    	var defaults = {
    		mode: modes.iframe,
    		standard: standards.html5,
    		popHt: 500,
    		popWd: 400,
    		popX: 200,
    		popY: 200,
    		popTitle: '',
    		popClose: false,
    		extraCss: '',
    		extraHead: '',
    		retainAttr: ["id", "class", "style"]
    	};
    
    	var settings = {}; //global settings
    
    	$.fn.printArea = function(options) {
    		$.extend(settings, defaults, options);
    
    		counter++;
    		var idPrefix = "printArea_";
    		$("[id^=" + idPrefix + "]").remove();
    
    		settings.id = idPrefix + counter;
    
    		var $printSource = $(this);
    
    		var PrintAreaWindow = PrintArea.getPrintWindow();
    
    		PrintArea.write(PrintAreaWindow.doc, $printSource);
    
    		setTimeout(function() {
    			PrintArea.print(PrintAreaWindow);
    		}, 1000);
    	};
    
    	var PrintArea = {
    		print: function(PAWindow) {
    			var paWindow = PAWindow.win;
    
    			$(PAWindow.doc).ready(function() {
    				paWindow.focus();
    				paWindow.print();
    
    				if(settings.mode == modes.popup && settings.popClose)
    					setTimeout(function() {
    						paWindow.close();
    					}, 2000);
    			});
    		},
    		write: function(PADocument, $ele) {
    			PADocument.open();
    			PADocument.write(PrintArea.docType() + "<html>" + PrintArea.getHead() + PrintArea.getBody($ele) + "</html>");
    			PADocument.close();
    		},
    		docType: function() {
    			if(settings.mode == modes.iframe) return "";
    
    			if(settings.standard == standards.html5) return "<!DOCTYPE html>";
    
    			var transitional = settings.standard == standards.loose ? " Transitional" : "";
    			var dtd = settings.standard == standards.loose ? "loose" : "strict";
    
    			return '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01' + transitional + '//EN" "http://www.w3.org/TR/html4/' + dtd + '.dtd">';
    		},
    		getHead: function() {
    			var extraHead = "";
    			var links = "";
    
    			if(settings.extraHead) settings.extraHead.replace(/([^,]+)/g, function(m) {
    				extraHead += m
    			});
    
    			$(document).find("link")
    				.filter(function() { // Requirement: <link> element MUST have rel="stylesheet" to be considered in print document
    					var relAttr = $(this).attr("rel");
    					return($.type(relAttr) === 'undefined') == false && relAttr.toLowerCase() == 'stylesheet';
    				})
    				.filter(function() { // Include if media is undefined, empty, print or all
    					var mediaAttr = $(this).attr("media");
    					return $.type(mediaAttr) === 'undefined' || mediaAttr == "" || mediaAttr.toLowerCase() == 'print' || mediaAttr.toLowerCase() == 'all'
    				})
    				.each(function() {
    					links += '<link type="text/css" rel="stylesheet" href="' + $(this).attr("href") + '" >';
    				});
    			if(settings.extraCss) settings.extraCss.replace(/([^,\s]+)/g, function(m) {
    				links += '<link type="text/css" rel="stylesheet" href="' + m + '">'
    			});
    
    			return "<head><title>" + settings.popTitle + "</title>" + extraHead + links + "</head>";
    		},
    		getBody: function(elements) {
    			var htm = "";
    			var attrs = settings.retainAttr;
    			elements.each(function() {
    				var ele = PrintArea.getFormData($(this));
    
    				var attributes = ""
    				for(var x = 0; x < attrs.length; x++) {
    					var eleAttr = $(ele).attr(attrs[x]);
    					if(eleAttr) attributes += (attributes.length > 0 ? " " : "") + attrs[x] + "='" + eleAttr + "'";
    				}
    
    				htm += '<div ' + attributes + '>' + $(ele).html() + '</div>';
    			});
    
    			return "<body>" + htm + "</body>";
    		},
    		getFormData: function(ele) {
    			var copy = ele.clone();
    			var copiedInputs = $("input,select,textarea", copy);
    			$("input,select,textarea", ele).each(function(i) {
    				var typeInput = $(this).attr("type");
    				if($.type(typeInput) === 'undefined') typeInput = $(this).is("select") ? "select" : $(this).is("textarea") ? "textarea" : "";
    				var copiedInput = copiedInputs.eq(i);
    
    				if(typeInput == "radio" || typeInput == "checkbox") copiedInput.attr("checked", $(this).is(":checked"));
    				else if(typeInput == "text" || typeInput == "") copiedInput.attr("value", $(this).val());
    				else if(typeInput == "select")
    					$(this).find("option").each(function(i) {
    						if($(this).is(":selected")) $("option", copiedInput).eq(i).attr("selected", true);
    					});
    				else if(typeInput == "textarea") copiedInput.text($(this).val());
    			});
    			return copy;
    		},
    		getPrintWindow: function() {
    			switch(settings.mode) {
    				case modes.iframe:
    					var f = new PrintArea.Iframe();
    					return {
    						win: f.contentWindow || f,
    						doc: f.doc
    					};
    				case modes.popup:
    					var p = new PrintArea.Popup();
    					return {
    						win: p,
    						doc: p.doc
    					};
    			}
    		},
    		Iframe: function() {
    			var frameId = settings.id;
    			var iframeStyle = 'border:0;position:absolute;width:0px;height:0px;right:0px;top:0px;';
    			var iframe;
    
    			try {
    				iframe = document.createElement('iframe');
    				document.body.appendChild(iframe);
    				$(iframe).attr({
    					style: iframeStyle,
    					id: frameId,
    					src: "#" + new Date().getTime()
    				});
    				iframe.doc = null;
    				iframe.doc = iframe.contentDocument ? iframe.contentDocument : (iframe.contentWindow ? iframe.contentWindow.document : iframe.document);
    			} catch(e) {
    				throw e + ". iframes may not be supported in this browser.";
    			}
    
    			if(iframe.doc == null) throw "Cannot find document.";
    
    			return iframe;
    		},
    		Popup: function() {
    			var windowAttr = "location=yes,statusbar=no,directories=no,menubar=no,titlebar=no,toolbar=no,dependent=no";
    			windowAttr += ",width=" + settings.popWd + ",height=" + settings.popHt;
    			windowAttr += ",resizable=yes,screenX=" + settings.popX + ",screenY=" + settings.popY + ",personalbar=no,scrollbars=yes";
    
    			var newWin = window.open("", "_blank", windowAttr);
    
    			newWin.doc = newWin.document;
    
    			return newWin;
    		}
    	};
    })(jQuery);
    

    最后,甩一个printArea的demo,copy直接用,注意引入jquery

    <!DOCTYPE html>
    <html lang="zh">
    
    	<head>
    		<meta charset="UTF-8" />
    		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
    		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
    		<title>Document</title>
    		<script src="js/jquery-1.11.3.min.js"></script>
    		<script src="printArea2.js" type="text/javascript" charset="utf-8"></script>
    
    	</head>
    
    	<body>
    <div id="gridtable">
    	<style type="text/css">
    		table.gridtable {
    			font-family: verdana, arial, sans-serif;
    			font-size: 11px;
    			margin: 0 auto;
    			
    			color: #333333;
    			border-color: #666666;
    			border-collapse: collapse;
    		}
    		
    		table.gridtable td {
    			border-width: 1px;
    			padding: 8px;
    			text-align:center;
    			border-style: solid;
    			border-color: #666666;
    			background-color: #ffffff;
    		}
    		table.gridtable tr.first,table.gridtable tr.first td{
    			border-width: 0;
    		}
    		table.gridtable tr.first td.fl{
    			text-align: left;
    			text-align: -moz-left;
    			text-align: -webkit-left;
    		}
    		table.gridtable tr.first td.fr{
    			text-align: right;
    			text-align: -moz-right;
    			text-align: -webkit-right;
    		}
    		table.gridtable td.text-left{
    			text-align: left;
    			padding-left: 30px;
    		}
    		table.gridtable td.gender {
    			width:80px;
    		}
    		
    		table.gridtable td.last {
    			border-width: 0;
    		}
    		
    		table.gridtable td.pd_btm_2px{
    			padding-bottom: 2px;
    		}
    		
    		span.checkBox{
    			position: relative;
    			padding-left: 25px;
    			margin-right: 10px;
    		}
    		span.checkBox:before{
    			content: "";
    	        display: inline-block;
    	        position: absolute;
    	        top:1px;
    	        left: 5px;
    	        width: 11px;
    	        height: 11px;
    	        border:1px solid #ccc;
    		}
    		.timefr{
    			padding-top: 15px;
    			margin-right: 30px;
    			float: right;
    		}
    		.textfl{
    			float: left;
    			display: block;
    			text-align: left;
    		}
    	</style>
    	<table width="90%" height="90%" class="gridtable">
    		<caption><h1>_____市医疗保险特药使用申请表</h1></caption>
    		<tr class="first">
    			<td class="fl" colspan='5'>申请单号:</td>
    			<td class="fr" colspan='2'>申请日期:XXX年XX月XX日</td>
    		</tr>
    		<tr>
    			<td>姓名</td>
    			<td colspan='2'>张三</td>
    			<td>性别</td>
    			<td class="gender"></td>
    			<td>年龄</td>
    			<td>28</td>
    		</tr>
    		<tr>
    			<td>社会保障卡卡号</td>
    			<td colspan='2'>123456789</td>
    			<td>身份证号</td>
    			<td colspan='3'>412326499216452135</td>
    		</tr>
    		<tr>
    			<td>人员类别</td>
    			<td class="text-left" colspan="6">
    				<span class="checkBox">职工医保</span>
    				<span class="checkBox">居民医保</span>
    			</td>
    		</tr>
    		<tr>
    			<td>参保属地</td>
    			<td colspan='2'>南京</td>
    			<td>联系电话</td>
    			<td colspan='3'>17312278695</td>
    		</tr>
    		<tr>
    			<td>工作单位</td>
    			<td class="text-left" colspan="6">南京德益康有限公司</td>
    		</tr>
    		<tr>
    			<td>家庭住址</td>
    			<td class="text-left" colspan="6">南京德益康有限公司</td>
    		</tr>
    		<tr>
    			<td>申请使用用品名称</td>
    			<td colspan='2'>沙丹红</td>
    			<td>疾病诊断</td>
    			<td colspan='3'>谈鸟病</td>
    		</tr>
    		<tr>
    			<td>指定医院</td>
    			<td colspan='2'>南京市红十字医院</td>
    			<td>责任医生</td>
    			<td colspan='3'>李建用</td>
    		</tr>
    		<tr>
    			<td>确诊时间</td>
    			<td colspan='2'>2017-12-17</td>
    			<td>身高(cm)</td>
    			<td colspan='3'>178</td>
    		</tr>
    		<tr>
    			<td>体重(kg)</td>
    			<td colspan='2'>60</td>
    			<td>BSA(m^2)</td>
    			<td colspan='3'>1.78</td>
    		</tr>
    		<tr>
    			<td>提供附件名称</td>
    			<td class="text-left" colspan="6">
    				<span class="checkBox">CT报告</span>
    				<span class="checkBox">血常规报告</span>
    				<span class="checkBox">基因检测</span>
    			</td>
    		</tr>
    		<tr rowspan="2">
    			<td class="pd_btm_2px" colspan="7">
    				<span class="textfl">申请人签字(患者本人):</span><br>
    				<span class="timefr"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
    			</td>
    		</tr>
    		<tr rowspan="2">
    			<td class="pd_btm_2px" colspan="7">
                    <span class="textfl">申请人签字(患者本人):</span><br>
                    <div style="clear:both;"></div>
                    <span class="textfl">协助药房盖章:</span><br>
    				<span class="timefr">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
    			</td>
    		</tr>
    		<tr rowspan="3">
    			<td class="last" colspan="7">
    				<span class="textfl">注:1、本表一式两份,协助药房、参保患者各持一份。</span><br>
    				<div style="clear:both;"></div>
    				<span class="textfl">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2、需提供的材料:社会保障卡、患者近期一寸免冠彩照、门诊特定项目(门诊大病)证、相关医疗文书(基因检测(必要时)、病理诊断、影像报告、门诊病历、出院小结)等材料。</span><br>
    				<div style="clear:both;"></div>
    				<span class="textfl">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3、本表私自涂改或复印无效。</span>
    			</td>
    		</tr>
    		
    	</table>
    
    </div>
    
    			<button id="print">打印</button>
    
    			<script>
    				$("#print").click(function() {
    					$("#gridtable").printArea();
    				});
    			</script>
    
    	</body>
    
    </html>
    

    最最后在贴一个比较好看的表格,不负责解决中文乱码

    	<div id="printArea">
    	<style type="text/css">
    		table {
    			border-collapse: collapse;
    			margin: 0 auto;
    			text-align: center;
    		}
    		
    		table td,
    		table th {
    			border: 1px solid #cad9ea;
    			color: #666;
    			height: 30px;
    		}
    		
    		table thead th {
    			background-color: #CCE8EB;
    			width: 100px;
    		}
    		
    		table tr:nth-child(odd) {
    			background: #fff;
    		}
    		
    		table tr:nth-child(even) {
    			background: #F5FAFA;
    		}
    	</style>
    	<table width="90%" class="table">
    		<caption>
    			<h2>  
                    车间能源消耗比例</h2>
    		</caption>
    		<thead>
    			<tr>
    				<th>车间</th>
    				<th>产量</th>
    				<th>电量</th>
    				<th>单耗</th>
    			</tr>
    		</thead>
    		<tr>
    			<td>109</td>
    			<td>13</td>
    			<td>1.34</td>
    			<td>213</td>
    		</tr>
    		<tr>
    			<td>109</td>
    			<td>13</td>
    			<td>1.34</td>
    			<td>213</td>
    		</tr>
    		<tr>
    			<td>109</td>
    			<td>13</td>
    			<td>1.34</td>
    			<td>213</td>
    		</tr>
    		<tr>
    			<td>109</td>
    			<td>13</td>
    			<td>1.34</td>
    			<td>213</td>
    		</tr><tr>
    			<td>109</td>
    			<td>13</td>
    			<td>1.34</td>
    			<td>213</td>
    		</tr>
    		<tr>
    			<td>109</td>
    			<td>13</td>
    			<td>1.34</td>
    			<td>213</td>
    		</tr>
    	</table>
    </div>
    
    更多相关内容
  • 主要介绍了JS显示表格指定行html代码的方法,涉及javascript获取行及innerHTML属性的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
  • 第一种方法:指定不打印区域 使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内。 细如下: <style media=print type=text/css>...第二种方法:指定打印区域 把要打印的内容放入一个 span或di
  • 1.vs2008,解决方案添加现有项目DLLFullPrint,然后主工程添加引用,引用这个项目。 2.界面设计,添加按钮PrintButton,双击它进入代码界面; 代码文件,首先使用using DLLFullPrint; 然后按钮...
  • 可以通过“设置打印区域”来实现,下面来...未被设置到打印区域里的表格就是“显示但是打印时不打印出来”的状态了 二、通过【打印区域设定】来实现 1、选中要打印的区域; 2、首先键盘上按<Ctrl+P>快...

    可以通过“设置打印区域”来实现,下面来介绍2种方法:

    一、通过【设置打印区域】来实现

    1、选中要打印的区域;

    2、首先点击【页面布局】功能,然后点击[打印区域],在弹出的两个选项里选中[设置打印区域s]。

    未被设置到打印区域里的表格就是“显示但是打印时不打印出来”的状态了

    二、通过【打印区域设定】来实现

    1、选中要打印的区域;

    2、首先在键盘上按<Ctrl+P>快捷键,弹出打印界面;然后选[打印内容]中的[选定区域]

    未被选中的表格就是“显示但是打印时不打印出来”的状态了

    三、以上两种方法的联系和区别

    1、联系

    两种方法都是通过逆向思维的方式,把要打印的表格添加到打印区域内,以此来实现“显示但是打印时不打印”的目标。

    2、区别

    ①在设置完成保存并关闭文件后,重新启动Excel时,前者状态不会变化,不需要重新设置;后者会变换,需要重新设置。

    ②两种方法不可同时使用,只能二选一。

    品略图书馆 http://www.pinlue.com/

     

    展开全文
  • 第二个(单元格)输入指定打印格式(使用 fprintf 语法),并且可以为表的每一行、列或每个单独的元素指定。 表格打印出来,列对齐,文本对齐,插入空格。 还可以打印所提供数据的转置表版本。 提供各种修饰选项...
  • 利用jquery插件jqprint打印当前页面的标签内容,自动换页,包含jar包,js,java代码。
  • jquery打印HTML表格自动分页

    热门讨论 2012-05-14 20:34:27
    采用JQuery实现的打印HTML表格自动按多少行分页,打印时分页
  • 实现三个文本域的内容提交之后显示在表格中,代码直接用文本文件运行,记得后缀改为.html 运行结果 输入123,并点击提交按钮之后,数据就会显示下面的表格中,有什么问题可以私聊我。 下面是代码 <script ...

    实现三个文本域的内容提交之后显示在表格中,代码直接用文本文件运行,记得后缀改为.html
    运行结果
    在这里插入图片描述
    输入123,并点击提交按钮之后,数据就会显示在下面的表格中,有什么问题可以私聊我。

    在这里插入图片描述
    下面是代码

    <script language="javascript"> 
    function chk() 
    { 
    setTimeout("chk()",100); 
    text1.innerHTML = form1.t1.value; 
    text2.innerHTML = form1.t2.value; 
    text3.innerHTML = form1.t3.value; 
    } 
    </script> 
    <body οnlοad="chk()"> 
    <form name="form1"> 
    <textarea name="t1"></textarea><br /> 
    <textarea name="t2"></textarea><br /> 
    <textarea name="t3"></textarea><br /> 
    <input type="button" value="提交" onclick="chk()">
    </form> 
    <table border="1" width="200" style="border-collapse: collapse" bordercolor="#008000"> 
    <tr height="100px"> 
    <td id="text1"></td> 
    </tr> 
    <tr height="100px"> 
    <td id="text2"></td> 
    </tr> 
    <tr height="100px"> 
    <td id="text3"></td> 
    </tr> 
    </table> 
    </body>
    
    
    展开全文
  • 为了使打印出来的Excel文档便于阅读,进行打印时可以各页都打印标题行,下面介绍打印Excel表格时每页都打印标题行的具体设置方法。1、打开需要打印的工作表,“页面布局”选项卡的“页面设置”组单击“打印...

    为了使打印出来的Excel文档便于阅读,在进行打印时可以在各页都打印标题行,下面介绍打印Excel表格时每页都打印标题行的具体设置方法。

    1、打开需要打印的工作表,在“页面布局”选项卡的“页面设置”组中单击“打印标题”按钮,如图1所示。

    图1 单击“打印标题”按钮

    2、打开“页面设置”对话框的“工作表”选项卡,在“顶端标题行”文本框中输入需要作为标题行打印的单元格地址,如图2所示。

    图2 指定标题行单元格地址

    注意

    勾选“网格线”复选框,打印时将打印网格线;如果使用黑白打印机,则应勾选“单色打印”复选框,对于彩色打印机来说,勾选该复选框能够节省打印时间;勾选“草稿品质”复选框,可以减少打印时间,但会降低打印的品质;勾选“行号列标”复选框,则打印时将包括工作表的行号和列号;在“批注”下拉列表中可以选择是否打印批注以及批注的打印位置;“打印顺序”栏中的单选按钮用于设置工作表的打印顺序。

    3、在“页面设置”对话框中单击“打印预览”按钮预览标题行效果,可以看到第2页以后所有的页也都包含了设置的标题行,如图3所示。

    图3 预览打印效果

    更多相关阅读

    展开全文
  • 但 Excel 表格的打印可没有你想象的那么简单……今天小管家就来教你如何打印Excel 表格的,解决你 Excel 表格打印中的大部分问题!为每页添加标题行我们打印的时候,第 1 页一般是设置好标题和表头的:但是当...
  • 代码实现的是从一个工作簿单独保存其中一个工作表,并以单元格数据命名新工作簿名称
  • 第三方依赖vue-printjs(下面示例打印的是Html类型,该插件可以指定打印的部分) 资源包网址:GitHub - xyl66/vuePlugs_printjs: vue打印插件 ...3.需要打印表格或数据的组件使用 <temp...
  • C# ASP.NET万能打印模块

    2021-03-17 16:26:35
     打印指定框架内容  利用WebBrowser进行打印  设置页眉页脚  利用CSS样式分页打印    套打邮寄产品单:  打印汇款单  打印快递单  打印信封    打印图片:  打印自定义大小的图片  图片...
  • js打印html页面指定内容案例,使用jq插件,printArea
  • elment的表格设置宽度为100%之后打印还是不能将表格打印完整 如下图 1.寻找问题 为什么会出现这种情况,打开控制台查看代码 原来是el-table 会计算100%宽度为具体多少px 然后再计算出每一列的宽度 通过设置...
  • 锐浪报表 Grid++Report uniGUI Web表格打印 一、uniGUI特点 uniGUI完全基于ExtJS,全面支持Ajax技术,开发快速便捷。它比Intraweb强,开发方便(采用的是Delphi原状态的winForm的方式开发WEB) ,界面起来越好,部署都...
  • 可以GitHub上下载打印插件,但是自己写更简单,所以我就自己写了 本例为打印网页上的一个表格 window.print()打印的是整个网页的HTML内容,不包括CSS @media print{ ... }可以设置打印时样式 正文 网页效果: ...
  • 【java实现控制台打印表格

    千次阅读 2020-11-12 17:20:30
    背景 ...实现该功能的过程,对我来说最麻烦的是要控制台输出表格,难点在于表格列宽相等以及表格内容要居中对齐。 效果 最终实现效果如下: 核心代码分享 分享此内容的目的有二: 为要实现
  • 使用js实现指定div内容打印功能

    万次阅读 2018-05-02 09:56:57
    实际的开发过程,浏览器本身自带的打印操作默认打印整个可视界面,但是往往不能满足实际项目需要,打印页面指定内容的功能OA系统更加常见。网络上有很多的方法实现,本人结合自身实际体会,绝大多数的方法...
  • 4. 实现表格分页功能,可指定是否开启分页功能及每页行数; 5. 排序数据支持数据类型自动识别(这点很强大)。例如:整型数据、浮点型数据、字母、电话号码、日期、链接 6. 表格外观样式可通过CSS灵活定制 7. 所需要...
  • 实现页面创建表格,和删除指定列、行单元格功能。利用JavaScript动态创建表格,可根据用户的使用需求动态添加指定列数、行数,删除指定列数、行数。删除成功或不成功时,会反馈给用户一个弹框提示,增强用户体验感。
  • 编制企业报表,我们可以每一页表格中插入企业 Logo ,起到一个标识作用,那么问题来了,如何在表格中嵌入企业 Logo 图片?本文就以 WPS 表格为例,简单介绍在表格每一页固定插入企业 Logo 的方法。如何在表格中...
  • layui打印表格自定义函数

    千次阅读 2020-12-23 03:54:32
    LayUI——数据表格使用 Layui数据表格的实际项目使用 Layui的数据表格可谓是后台管理的页面经常用到的工具了 最近做项目就用到了,项目的要求是用数据表格显示出后台文章的列表并且每一行的文章都有对应的修改...
  • CLI中打印表格----gotable使用介绍

    千次阅读 2019-11-14 15:29:06
    下载源码 git clone go mod API 创建空table 函数签名 使用示例 从结构体创建空table 函数签名 使用示例 获取版本信息 介绍 gotable是Golang的开源第三方库,它的主要功能是将数据组成表格CLI中打印,...
  • 首先手动在表格的左上角做一个标签模板。 打开批量标签功能: 开始填入一些必要的参数设置: 选择数据源的标题行: 将数据源和标签的对应关系调整好: 设置生成标签的数量、间隔...
  • """获取表格中指定的列的数据,并保存到指定的文件""" #!/usr/bin/env python # -*- coding:utf-8 -*- import requests from bs4 import BeautifulSoup import time a_url = 'http://31f.cn/' ...
  • 2.内容、图片、表格跨页断裂,封边; 3.table并行、并列双边、重边; 4.自动计算页码(总数及每一页),样式、位置、形式完全个性化; 5.页眉页脚,去除浏览默认,自定义内容、样式、位置; 6.保持页脚页面底部,...
  • * 获取表格指定单元格的文本内容 * @param row 行号-1;column 列号 * @param i 第几个表格 * @param location 元素位置 * @return 返回获取到的页面元素的文本 */ public String table ( int i , ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 74,615
精华内容 29,846
关键字:

如何在表格中指定内容打印