Window.print div

Window.print a div

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

Source: stackoverflow.com

Window.print div

// It's really that simple. Make sure the dimensions of 'elem' 
// fit the width of the PDF layout you're looking for.
// FYI: IE, Edge, Chrome, Firefox, etc. all have different dimensions when 
// they print.
function PrintElem(elem: HTMLElement)
{
    var mywindow = window.open('', 'PRINT', 'height=400,width=600');

    mywindow.document.write(elem.innerHTML);

    mywindow.document.close(); // necessary for IE >= 10
    mywindow.focus(); // necessary for IE >= 10*/

    mywindow.print();
  	setTimeout(() => {
        // Without the timeout, the window seems to close immediately.
    	mywindow.close();    	
    }, 250);
}

Source: stackoverflow.com

Similar codes

19 votes197 views4 answers
Material ui icon npm
TypeScript
2 votes193 views1 answer
NotificationManager has not been initialized
TypeScript
2 votes207 views2 answers
React native elements button with icon
TypeScript
1 vote199 views1 answer
Js create batches from array
TypeScript
2 votes186 views3 answers
Module not found: Error: Can't resolve 'core-js/es7/reflect'
TypeScript
0 vote205 views1 answer
Flutter text button shape
TypeScript
0 vote205 views1 answer
Typescript filter list of objects based on latest date
TypeScript
12 votes237 views4 answers
Delete contents of directory python
TypeScript
1 vote193 views2 answers
Angular timestamp component
TypeScript
0 vote207 views1 answer
How to validate if all characters enetred in a string are alphabets and then reprompt user
TypeScript