Question

I want to know how to print following table from my database. This is its form when showed on the browser.

I want to print this table, and I’m confused because I made a print button, but when I press it, it prints the whole webpage.

How can I print only the table?

DATE:   ||AMOUNT:

2013   || 2000

2013   || 200

2013   || 2000

2013   || 2000

TOTAL AMOUNT PAID:  6200

TOTAL TUITION:    9000

REMAINING BALANCE:  2800

Answer 1

<div id="printableArea">
      // wrap your content within this div
      DATE:   ||AMOUNT:

      2013   || 2000

      2013   || 200

      2013   || 2000

      2013   || 2000

      TOTAL AMOUNT PAID:  6200

      TOTAL TUITION:    9000

      REMAINING BALANCE:  2800
</div>

<input type="button" onclick="printDiv('printableArea')" value="Print" />

And the button click javascript

function printDiv(divName) {
     var printContents = document.getElementById(divName).innerHTML;
     var originalContents = document.body.innerHTML;

     document.body.innerHTML = printContents;

     window.print();

     document.body.innerHTML = originalContents;
}

Source : One of SO Solution