How Button click to print "divPrint" section?

Hello Mithun,

Please create jquery method to print div as below,

My code

print window not open propper

need to like 

open('', '', 'letf=0,top=0,width=800px,height=1000px,toolbar=0,scrollbars=0,Status=0');

   
   

       

           
       

       

            Intenational Chemical Laboratory
           

            Pune - 411008, India
           

            (EPABX:+91(0)20-25902905, 25908901; Fax:+91(0)20-29902660)
       

       

       

           

            REQUEST FOR HOUSE ACCOMMODATION
           

       

   

   

       

           

               

                    Name of Requestor
                    Dr. Test Test
               

               

                    Phone
                    1234567890
               

               

                    Email Id
                    [email protected]
               

           

           

               

                    Designation
                    Test Test Test
               

               

                    Mobile
                    9930828002
               

               

                    Fax
                    25204569
               

           

           

       

       

           

                Booking Status
               

                    Active
               

           

           

                Admin Comment
               

                   
                        This tutorial contains hundreds of Bootstrap 5 examples.
                        With our online editor, you can edit the code, and click on a button to view the result.
                   
               

           

           

       

       

           

                Incharge, Guest House
           

       

   

Print

You can use JavaScript to create a function called printdiv() that will print the content of the "divPrint" section. Here's an example of how you can do it

    
    
    




    
    

        

            
        
        

            Intenational Chemical Laboratory
            

            Pune - 411008, India
            

            (EPABX:+91(0)20-25902905, 25908901; Fax:+91(0)20-29902660)
        
        

        

            

            REQUEST FOR HOUSE ACCOMMODATION
            

        
    


Print

Hope this will help

You can print a specific div using CSS and JavaScript. You can hide all other elements when printing by using a print media query. Here’s how you can do it:

First, add this CSS to your stylesheet:

@media print {
    body * {
        visibility: hidden;
    }
    #divPrint, #divPrint * {
        visibility: visible;
    }
    #divPrint {
        position: absolute;
        left: 0;
        top: 0;
    }
}

This CSS will hide everything on the page, except for the divPrint div and its inner elements, when printing.

Then, modify your printDiv function like this:

function printDiv() {
    window.print();
}

Now, when you click the “Print” button, only the divPrint section will be printed. Please note that the actual printing will depend on the user’s browser settings and printer configuration. 

Thanks