Question

我有一个包含输入框的表和一个包含信息的弹出窗口。我希望能够打印表数据并包含弹出信息。这可能吗。下面的简单例子。

的Javascript

<script>
function divPrint() {
    window.print();
}
</script>

HTML

<div id="printable">

<table class="table">
    <th>Option 1</th>
    <th>Option 2</th>
    <tr>
        <td><input class="span6 text-center" type="text" id="cost1"></td>
        <td><input class="span6 text-center" type="text" id="cost2"></td>
    </tr>
</table>

    <div class="popup" data-popup="popup">
        <p>Need to print this as well</p>
    </div>

</div>

Answer 1

是的，你可以。

它通常涉及使用.popup之类的css媒体查询设置要在打印视图中显示的@media print。

例如：

@media print {
     .popup {
          display:block !important;
     }
}

如果您尝试打印此页面，您还应该看到弹出窗口：https://output.jsbin.com/mezalosazo

如果你愿意，这里是jsbin上的版本编辑它：https://jsbin.com/mezalosazo/edit?css,js,output

打印弹出窗口Javascript

1 个答案: