ie调用window.print批量打印数据表格。

最新推荐文章于 2025-04-07 17:00:26 发布

原创

最新推荐文章于 2025-04-07 17:00:26 发布 · 2.1k 阅读

标签

#ie批量打印

收录于

本文介绍了如何在IE浏览器中实现批量打印数据表格的需求。通过创建隐藏的div，将每个数据表格追加到该div中，并设置为打印区域。在所有表格追加完成后，一次性调用window.print方法进行打印。避免了因多次调用window.print导致的输入输出流问题，简化了页面设置和打印分页的复杂性。

需求

根据勾选的checkbox,一次将数据打印出来。

注意

1，我第一次是用循环一次一次调用window.print方法，想把数据一张一张打出来。结果因为输入输出流的问题，这样是一个死路。

取巧的思路

1.一条数据就写入到一张表格中，写个隐藏的div,把得到的表格不到追加到div中,把这个div标记为打印区域，最后表格追加完成后调用window.print方法打印这个div区域。

2.首先我把一张表格Table的大小设定成为了一张a4纸大小。所以取巧不用考虑打印的分页，页面设置参数什么的。
表格代码：

<div id="repairBillDiv" style="display:none;text-align: center">
    <table class="repairBill" border="1" cellpadding="0" cellspacing="0" height="900" width="630">
            <tbody>
            <caption style="text-align:center;"><h3>软件维护记录单</h3></caption>
            <tr>
                <td colspan="4"> 编号：
                    <lable class="eventCodeTB"></lable>
                </td>
            </tr>
            <tr>
                <td width="25%">申告部门</td>
                <td width="30%">
                    <lable class="declareDeptNameChainTB"></lable>
                </td>
                <td width="17%">申告人</td>
                <td>
                    <lable class=