【jcp使用手册】表格线预览时可见，打印时不可见（控制显示、打印输出样式）
当你在myDoc中设置enableScreenOnlyClass为true时，实际打印时(调用print方法，或者调用printPreview方法后，按其中的打印按钮时)，打印页的div外，会被套一个jatools-printing 样式类，如：[code]<div id=page1>...</div>
<div id=page2>...</div> [/code]
打印时，被套在一个容器内，该容器有样式类 jatools-printing:
[code]<div class='jatools-printing'>
<div id=page1>...</div>
<div id=page2>...</div>
</div> [/code]
利用这个特点，就可以灵活地定制出，显示与打印的不同样式，如表格线在预览时可见，打印时不可见：
[code]<script>
...
var myDoc = {
enablePrintingClass : true,// 使jcp打印时,套上 jatools-printing类
documents : document,
copyrights : '杰创软件拥有版权 www.jatools.com'
};
getJCP().print(myDoc);
...
</script>
<style>
#sample td {
border: solid 1px black;
}
/*打印时，单元格边框设置为白色，即不可见*/
.jatools-printing #sample td {
border: 0px solid white;
}
</style>
...
<div id='page1'>
<table id='sample'>...</table>
</div> [/code]
当显示时，因为不存在 jatools-printing 类，所以根据<style>里的设置，单元格边框显示为solid 1px black
当打印时，因为page1外，存在有 jatools-printing 类的容器，因此，同样根据<style>里的设置，单元格边框显示为solid 0px white,即不可见。
实际上，上一节的打印时底图不可见，也可以通过本节所述方法实现。 在线示例：[url=http://print.jatools.com/jcp/0.99/enableprintingclass.htm]http://print.jatools.com/jcp/0.99/enableprintingclass.htm[/url]
页:
[1]