使用滚动条打印 jquery 对话框的内容答案

【问题标题】：print content of jquery dialog with scrollbar使用滚动条打印 jquery 对话框的内容
【发布时间】：2011-10-05 22:45:16
【问题描述】：

所以我实例化了一个具有指定高度的新 jquery ui 对话框窗口，其中的内容会导致滚动条出现。我在对话框窗口中有一个打印按钮，用于打印对话框窗口中的所有内容。

它目前只打印可见的行。

关于如何打印整个批次有什么想法吗？

【问题讨论】：

标签： jquery html printing

【解决方案1】：

尝试使用 css 表格进行打印，例如：
<link rel="stylesheet" type="text/css" media="print" href="print.css" />

并在那里设置height。

更新：

尝试为您的对象使用jQuery.printElement jquery-plugin：

$('SelectorToPrint').printElement();

【讨论】：

我的 Jquery 对话框窗口高度在这里非常大...请建议任何其他方式通过我可以打印对话框的所有内容。
@Pankaj Agarwal 更新了答案

【解决方案2】：

杰森的回答 Print the contents of a DIV 和他编写的插件对我来说非常有用。

以下是我在Print.css文件中添加的css，我引用的：

@media print {
.Printable {
    display: block;
    background-color: white;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 15px;
    font-size: 14px;
    line-height: 18px;
}

.Printable .Content {
    height: auto;
    overflow: auto;
    width: 700px; /* my specific requirement */
    margin: 0;
    padding: 15px;
}}

 $("#Container .Printable").printThis({
        debug: false,
        importCSS: true,
        printContainer: false,
        loadCSS: "../Print.css",``
        pageTitle: "TITLE",
        removeInline: false
    });

<link href="../Print.css" rel="stylesheet" type="text/css" />
<script src="../Scripts/printThis.js"></script>

【讨论】：