如何在javascript中分隔打印区域以进行打印答案

【问题标题】：How to separate the print area for printing in javascript如何在javascript中分隔打印区域以进行打印
【发布时间】：2012-02-10 08:46:58
【问题描述】：

我目前正在获取完整的用户详细信息并将其从数据库表中列出到一个 html 表中。我需要打印该特定列表，所以我使用 window.print() 去做吧。我将需要打印的整个 html 表放在名为 <div id="printableArea"> 的 div 中，并使用以下 javascript 来完成这项工作。

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 按钮delete 按钮以及对应于每一行的选择复选框。我怎样才能避免这些？我还需要将打印页面设为网格格式。

需要建议。提前致谢。

【问题讨论】：

可能欺骗stackoverflow.com/questions/2255291/print-the-contents-of-a-div

标签： php javascript mysql list

【解决方案1】：

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

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

加载另一个样式表，它隐藏了不需要的 div

this 或 this 都应该这样做

像这样通过 Javascript 隐藏它们（使用 jQuery）：

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

【讨论】：

【解决方案2】：

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

【讨论】：

感谢参考 rajesh