Question

脚：

<script>  
 $('#print').click(function(){
      var printElm = $('.print-this');
      if(printElm.length == 0) {
        alert("Nothing to print!"); return;
      }
      printElm.printThis({
        header:'<h3 style="text-align:center;">Printing Elements<h3>'
      });
    });
</script>

查看：

<div class="container print-this">
 <table class="table table-hover" style="border:3px solid 
   black;font-family:Roboto;font-size:15px">
     <tr style="border-bottom:hidden">
        <td colspan="5" style="font-weight:bold">School_name</td>
        <td align="right" style="font-weight:bold">Roll NO</td>
      </tr>
</table>
</div>

通常单击页脚时会在页脚中显示打印按钮，在这种情况下，我需要在页脚中执行打印功能。我需要在打印页面中隐藏页眉和页脚。我该怎么办？可以吗？完成任务。

Answer 1

通常，我使用jquery进行此操作，将需要打印的部分放入单独的div中。

这里是您自己如何做的一个例子。

希望它能很好地为您服务！

$('BUTTON TO PRINT').on('click', function(){
$(this).text('').append('<i class="fa fa-spinner fa-pulse fa fa-fw margin-bottom"></i>');
var WinPrint = window.open('', '', 'left=0,top=0, toolbar=0,scrollbars=0,status=0');
WinPrint.document.write($('DIV YOU WANT TO PRINT').html());
WinPrint.document.close();
WinPrint.focus();
WinPrint.print();
WinPrint.close();
});

Answer 2

脚：

<style>
  @media print {
  #header, #footer { display: none; }
}
</style>

只需为页眉和页脚分配ID，然后将上面的代码放在页脚中，然后单击“打印”按钮即可隐藏页面的页眉和页脚。

当我使用Codeigniter单击打印按钮时，删除页眉和页脚

2 个答案: