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>

如何在HTML中打印隐藏表？

3 个答案: