asp.net使用javascript的打印页面

我有一些类似边框，颜色等样式的表格我想打印此样式的表格。我怎样才能实现这个目前只有原始数据没有样式显示。这是我的桌子。asp.net使用javascript的打印页面

  <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中有多个表格。

来源

2017-10-16 raja

我想你不能打印你的桌子样式（在你的桌子或页面中使用彩色边框和图形）来实现打印，你需要打开“打印背景颜色和图像”，这将被关闭默认。要更改此设置，您可以检查您的浏览器打印设置或打印设置部分，并启用打印颜色和图形部分。或者你需要提及css的打印部分以及在你的样式表文件中显示这样的风格。 @media打印{ 你的CSS放在这里 }

来源

2017-10-16 10:36:03 Ankit

没有它不工作 – raja

我有边框，以及表的颜色，但它没有显示当我尝试打印文档 – raja

请尝试任何边界和表格的颜色也可以在你的字符串中添加css。您只接受只包含选定元素或字符串的“prtContent”，因此您需要使用该字符串或元素添加样式。例如：将此行添加到您的div和表格之前 ““ – Ankit

asp.net使用javascript的打印页面

回答

相关问题