Question

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

它目前只打印可见的行。

关于如何打印全部内容的任何想法？

Answer 1

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

并在那里设置height。

<强>更新：

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

$('SelectorToPrint').printElement();

Answer 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>

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

2 个答案: