javascript - asp.net 使用 javascript 打印页面

Question

我有一张表格，其中包含一些样式，例如边框、颜色等。我想打印带有样式的表格。我怎样才能在没有样式的情况下显示目前只有原始数据。这是我的 table 。

         <div id="printpage" runat="server">

                <div class="col-lg-9">

                       <div style="width: 100%" align="center" class="table-responsive" runat="server" id="ActivityInfoDiv">
                        <table cellpadding="2" cellspacing="2" class="ruled">
                             <tr>
                                <td>
                                    <b>School Name:</b>
                                </td>

                                <td style="text-align: center">

                                    <asp:Literal ID="ltrSchoolName" runat="server"></asp:Literal>
                                </td>

                                <td>
                                    <b>District:</b>
                                </td>

                                <td style="text-align: center">

                                    <asp:Literal ID="ltrDistrict" runat="server"></asp:Literal>
                                </td>


                                <td>
                                    <b>Total Enrollement:</b>
                                </td>

                                <td style="text-align: center">

                                    <asp:Literal ID="ltrTotalEnrollement" runat="server"></asp:Literal>
                                </td>

                                <td>
                                    <b>Phase:</b>
                                </td>

                                <td style="text-align: center">

                                    <asp:Literal ID="ltrPhase" runat="server"></asp:Literal>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
             </div>

打印按钮。

      <asp:Button ID="BtnPrint" runat="server" OnClientClick="javascript:CallPrint('printpage');" Text="Print"  Width="80px"/>

打印函数。

             <script language="javascript" type="text/javascript">
    function CallPrint(strid) {
        var prtContent = document.getElementById(strid);
        var WinPrint = window.open('', '', 'letf=0,top=0,width=1200,height=800,toolbar=0,scrollbars=0,status=0,dir=ltr');
        WinPrint.document.write(prtContent.innerHTML);
        WinPrint.document.close();
        WinPrint.focus();
        WinPrint.print();
        WinPrint.close();
        prtContent.innerHTML = strOldOne;
    }
</script>

我在 printpage div 中有不止一个表。

Answer 1

我猜你无法打印带有样式(表格或页面中使用的彩色边框和图形)的表格，以实现打印时你需要打开“打印背景颜色和图像”，这将被关闭默认。 要更改此设置，您可以检查浏览器的打印设置或打印设置部分，并启用打印颜色和图形部分。或者您还需要为打印部分提及 css，以便在您的样式表文件中显示与此相同的样式。 @媒体打印{ 你的CSS在这里