htmlは印刷レシートのようなPHPコードに含まれています

Question

テーブルデータonclickを印刷したいと思います。 私は次のJavaScriptコードを使用します。

<input type="button" name="print" id="print" value="Print" onclick="myFunction()"/> 

<script> 
myFunction() 
{ 
window.print(); 
} 
</script> 

をしかし、コードはWebページ全体を印刷します。
領収書を印刷するような私のテーブルだけを印刷したいのですが？

Answer 1

解決策は、印刷CSSスタイルを使用することです。既存のCSSスタイルシートに、次のセクションを追加します。

@media print { 

} 

@mediaブロック内には、印刷に表示したくないものがすべて隠されています。このように、

@media print { 
    .classTOHide { 
     display: none; 
    } 
} 

@media printは、ページを印刷中に適用され得るCSSスタイルを示しています。

media属性をlinkタグとして使用して、印刷中に使用するスタイルシート全体を添付することもできます。このように、

<link rel="stylesheet" type="text/css" media="print" href="styles.css"> 

Answer 2

は、私はそれが

<td align="center" colspan="2"> 
     <input type="button" name="print" id="print" value="Print" onclick="myFunction()"/> 
    </td> 

とても簡単で、scriptタグでJavaScriptを使用して、これを行っている： -

<script> 
function myFunction() 
{ 
    document.form1.print.hidden="true"; 
    window.print(); 

} 
</script> 

これは、ヘッダーとフッターが表示されますが、ときに、ブラウザのショー印刷プレビューオプションheader-footerのチェックを外す