Print A Table From An Html Page

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. An

Solution 1:

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>functionprintDiv() {
        var divToPrint = document.getElementById('areaToPrint');
        newWin = window.open("");
        newWin.document.write(divToPrint.outerHTML);
        newWin.print();
        newWin.close();
   }
</script>

Solution 2:

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

for ex:

<style>@mediaonly print {
        footer, header, .sidebar {
            display:none;
        }
    }
</style>

Solution 3:

To make it work I need also to put this line between the head section in my document.

<scriptsrc="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>