テーブルを印刷する印刷ボタンを挿入する方法

Question

私はasp.net mvcプロジェクトを持っています。拡張子cshtmlの索引ページがあります。私がそれを生成したときには、タイトル、ボタン、表、およびフッターを含むページをブラウザー上で私に表示します。 私はすべてのページではなくテーブルだけを印刷するボタンを追加したいと思います。 iはレイアウトに追加します。

とインデックス・ページの最後に

<link id="ctl00_Link1" rel="stylesheet" href="themes/css/print.css" type="text/css" media="print">

：

<div class="line-btn "> 
 
       <input type="submit" name="ctl00$Index" value="print" onclick="window.print();return false;" id="ctl00_MainContent_Button1" class="btn fl btn-print"> 
 

 
      </div>

が、それはまだ動作し、すべてのインデックスページを印刷していません！

Answer 1

次のコードを使用して、必要なものを達成できます。あなたのindex.cshtmlページに以下を追加します。

<div class="line-btn"> 
    <input type="submit" value="print" onclick="PrintOnlyTable()" class="btn fl btn-print"> 
</div> 

<script> 
    function PrintOnlyTable() { 
     var HTML = $("html"); 
     var cln = document.documentElement.innerHTML; 
     HTML.html($("table")); 
     window.print(); 
     document.documentElement.innerHTML = cln; 
     return false; 
    } 
</script>