html - 非表示のテーブルをHTMLで印刷するにはどうすればよいですか？

Question

HTMLページに2つのテーブルがあります。1つは画面に表示され、もう1つはCSSを使用して非表示になっています。非表示のテーブルを印刷したい。

どうすればいいですか？

Answer 1

print.cssスタイルシートを作成し、そこに表示されるようにテーブルを設定します。

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

Answer 2

印刷スタイルシートを追加し、displayプロパティをtable次のように設定します。

表を印刷するページに、次を追加します。

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

そして、中print.cssに、追加します：

table { 
    display: table; 
    visibility: visible;
}

Answer 3

これを試して ：

<a href="javascript:void(0);" id="printPage">Print</a> 
<table id="tblprint" style="visibility:hidden;">
  <tr>
      <td>Print Data</td>
  </tr>
</table>

<script lang='javascript'>
 $(document).ready(function(){
  $('#printPage').click(function(){
        var data = '<input type="button" value="Print this page" onClick="window.print()">';           
        data += '<div id="div_print">';
        data += $('#tblprint').html();
        data += '</div>';

        myWindow=window.open('','','width=200,height=100');
        myWindow.innerWidth = screen.width;
        myWindow.innerHeight = screen.height;
        myWindow.screenX = 0;
        myWindow.screenY = 0;
        myWindow.document.write(data);
        myWindow.focus();
    });
 });
</script>