asp.net JavaScriptを使用したページの印刷

Question

私は、境界、色などのスタイリングを持つテーブルを持っています。このテーブルをスタイリングで印刷したいと思います。どのように私はこの現在の生データのみをスタイリングなしで表示することができますか？これは私のテーブルです。

  <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を言及する必要があります。 @media印刷{ あなたのCSSがここに を行く}