Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Print a table from an html page

Tags:

I have a html page, from which a table needs to be sent to a printer. I am using window.print right now.. but that prints the whole page... while I need to print just the table. Any ideas?

like image 729
user1263746 Avatar asked Apr 10 '12 12:04

user1263746


2 Answers

  1. You can use media types print (here is tips, how print html page using stylesheets).

  2. You can realize that through popup window - in this window show only table and send it to printer.

Simple example

<script>     function printDiv() {         var divToPrint = document.getElementById('areaToPrint');         newWin = window.open("");         newWin.document.write(divToPrint.outerHTML);         newWin.print();         newWin.close();    } </script> 
like image 170
yAnTar Avatar answered Sep 20 '22 23:09

yAnTar


You can give style display:none to all unwanted portions of the page. In that way you can print only table.

for ex:

<style>     @media only print {         footer, header, .sidebar {             display:none;         }     } </style> 
like image 41
Sree Avatar answered Sep 18 '22 23:09

Sree