如何在javascript中分离打印区域进行打印

时间:2012-02-10 08:46:58

标签: php javascript mysql list

我目前正在获取完整的用户详细信息并将其列入数据库表的html表中。我需要打印该特定列表,因此我使用window.print() 去做吧。我将需要打印的整个html表放在名为div的{​​{1}}内,并使用以下javascript来完成工作。

<div id="printableArea">

但问题是我收到了页面底部的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按钮以及与每行对应的选择复选框。如何避免这些?此外,我需要将打印页面设置为网格格式。

需要建议。提前谢谢。

2 个答案:

答案 0 :(得分:0)

您可以将按钮放在可打印的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

答案 1 :(得分:0)

我建议隐藏它们。然后,当打印结束时,如果需要,再次显示它们。

这可以通过两种方式完成:

  • 加载另一个样式表,隐藏不需要的div

thisthis应该这样做

  • 通过Javascript隐藏它们(使用jQuery):

$('#idOfDivToHide').hide();