html - 如何在 HTML 中打印隐藏的表格？

Question

我在 HTML 页面上有两个表格。一是在屏幕上可见，二是使用 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>