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: 




Printpatientlabel






printable design




not printable

 
 


Request a Demo

Whatsapp