网格线未打印


Grid lines are not printing

我有网格和打印图标。。如果我单击打印图标,我应该打印网格。但打印输出中没有显示网格线。

我该怎么办?

这是我的代码

<div style="float: right" id="hide_div"><a href="javascript:void(0)" onclick="printPage('pnlMainHeader','div_print');"><img src="<?=$this->baseUrl('/images/icons/small/print.png')?>" title="Print" alt="Print" /></a></div>
<div class="clear10"></div>
<div class="pnlMainHeader" id="pnlMainHeader" style="display: none; ">
    //some xyz code
</div>
<div class="clear10"></div>
<div id="div_print">
    //grid code
    <?=$this->TemplateRoles?>
</div>

并在.js文件中单击printPage代码

function printPage(printpage1, printpage2)
{   
var hideDiv = document.getElementById('hide_div')
hideDiv.style.display = 'none';
var headstr = "<html><head><title></title></head><body>";
var footstr = "</body>";
var newstr1 = document.getElementById(printpage1).innerHTML;
var newstr2 = document.getElementById(printpage2).innerHTML;    
var oldstr = document.body.innerHTML;
document.body.innerHTML = headstr+newstr1+newstr2+footstr;
window.print();
document.body.innerHTML = oldstr;
location.reload();
return false;
}

请帮帮我。

如果在页眉中添加另一个css文件以强制打印边框,该怎么办?像这样的。。。

<link rel="stylesheet" type="text/css" href="print.css" media="print" />

然后在文件中,您可以将该类或选择器与以下内容一起使用:

.gridClass /*(or "td" or whatever it is called)*/ { border:1px solid #000;}

print.css中的名称只有在打印时才会出现,因为您指定了介质。我希望这能有所帮助。