How to Print Specific Area of Webpage by JQuery

Printing Specific area of webpage is common task in web application,mostly we have requirement to print only specific part of page in web application such as list of patient data,list of employees etc. Then there is a plugin exists printarea.js by using this we can print specific part of webpage. Here I am showing how can i do this , there are some following steps :

Step1 : Download PrintArea css file and embed in your head tag:

Download Css File

Step2 : 
Download PrintArea js file and embed in your head or at the end of body tag:

Download Js File

Step3 : 
After downloading and embeding both files css and js write id in your button tag and in div :

hello printable div

this is not printable area

Step4 : Place this script at the end of body tag:

Complete Code: 


printable design

not printable


Request a Demo